![]() ![]() Pyftsubset mycustomfont.ttf -no-hinting -name-IDs='*' -unicodes='*' You can use a tool like pyftsubset (part of the TTX/FontTools toolchain) to drop hints in your build process: iOS doesn’t use it, and including it means dragging along unused bytes - sometimes half the font’s size. Remove hints for iOSĬreating an app for the iOS ecosystem? You can drop the hinting information from the font. ![]() For regular mobile websites, definitely keep using. tff font to embed in a hybrid app - it has the widest support on mobile platforms. svg font “format” (it isn’t a format - it’s a hack) would only be useful if you want to support the oldest of iOS versions: iOS3 and iOS4, but users of these ancient machines would be better off with a system font. woff2 version but are exactly the same otherwise. They don’t have the smaller file sizes of the. But if you need to support slightly older devices too. woff from iOS5 and Android KitKat (4.4) upwards. woff2 from iOS10 and Android Lollipop (5) upwards, and the older. Support for both versions is pretty good for modern browsers. ttf), and serves as fallback for when the even better compressed. woff is a compressed version of a regular OpenType or TrueType font (. eot version in a mobile app - it just for old Microsoft desktop browsers. Per family and width, weight and style combination!īut you’ll never need the. How much better can you do than bulletproof, right?Īlthough this might work for a web project (and even then you might not need it), you’d be stuffing five different files in your app. It might be tempting to drop this in your CSS, add all these different fonts to your assets and call it a day. Use the following rule in your CSS to use the main system font, as per CSS Tricks advice: So unless your app design specifically describes a specific font, why not stick to system fonts? They’re optimised for readability and performance, and will make your app look native.
0 Comments
Leave a Reply. |