![•rég „¢ífÕI[1]](https://cdn.slidesharecdn.com/ss_thumbnails/1-120106230355-phpapp02-thumbnail.jpg?width=560&fit=bounds)
![Benefit vs[1][1][2][1]. risk in children's exposure to radiation for medical ...](https://cdn.slidesharecdn.com/ss_thumbnails/benefitvs1121-riskinchildrensexposuretoradiationformedicaldiagnosispurposes-130416121912-phpapp02-thumbnail.jpg?width=560&fit=bounds)
More Related Content
Viewers also liked (20)
Similar to Type choice & type use (20)
Recently uploaded (20)
Type choice & type use
- 1. Web Fonts Type choice & type use Dan Rhatigan
- 3. but . . .
- 4. Web font technology is still evolving. Not all browsers support all formats. Not all vendors support all formats. Font rendering is different from one platform to another. And not all fonts work well on the web.
- 5. Rendering
- 6. your type This is how we want fonts to appear Font data is delivered as vector outlines with spacing info, and maybe some hints
- 7. Font outlines have to become pixels Rasterizers in the OS and/or browser convert outlines to pixels in a variety of ways
- 8. This is how the screen displays them LCD screens allow rendering with subpixels ¡ª manipulating each colour channel
- 10. MacOS Safari Windows 7 Firefox
- 11. MacOS Safari iPad Safari iPhone 4 Safari
- 12. Type choice
- 13. Most fonts out there were for designed for other purposes. All software issue aside, that¡¯s why not all fonts work well on screens.
- 14. Verdana Times New Roman Georgia Help! Help! Help! Helvetica Neue Goudy Old Style Caecilia Help! Help! Help! Vertical proportions Look at the x-height ¡ª the height of the lowercase letters ¡ª to see if fonts will match
- 15. Comparison of four webfonts at the same size Note that the optical size also affects the space between lines
- 16. IlIl Il Georgia Optima Palatino Shapes Straight lines and clear forms work better than subtle angles or curves At small sizes, good hinting can keep these details from causing trouble
- 18. generosity generosity Open apertures Loose spacing Open spaces Generous spacing within and around the letters will increase legibility
- 19. Choose families wisely Makes sure that italic and bold styles look as good as the regular
- 20. Choose families wisely A wide range of weights make it easy to choose a suitable weight for each instance
- 21. Type use
- 23. Helvetica Neue ¡ª size: 18px; line-height: 100% Gill Sans ¡ª size: 18px; line-height: 100% Who can turn the world on with her smile? Who can take Who can turn the world on with her smile? Who can take a a nothing day, and suddenly make it all seem worth- nothing day, and suddenly make it all seem worthwhile? Well it¡¯s while? Well it¡¯s you girl, and you should know it. With each you girl, and you should know it. With each glance and every lit- glance and every little movement you show it. Love is all tle movement you show it. Love is all around, no need to waste around, no need to waste it. You can have a town, why it.You can have a town, why don¡¯t you take it.You¡¯re gonna make don¡¯t you take it. You¡¯re gonna make it after all. You¡¯re it after all.You¡¯re gonna make it after all. gonna make it after all. Helvetica Neue ¡ª size: 18px; line-height: 20px Gill Sans ¡ª size: 20px; line-height: 100% Who can turn the world on with her smile? Who can take Who can turn the world on with her smile? Who can a nothing day, and suddenly make it all seem worth- take a nothing day, and suddenly make it all seem worth- while? Well it¡¯s you girl, and you should know it. With each while? Well it¡¯s you girl, and you should know it. With glance and every little movement you show it. Love is all each glance and every little movement you show it. Love around, no need to waste it. You can have a town, why is all around, no need to waste it.You can have a town, don¡¯t you take it. You¡¯re gonna make it after all. You¡¯re why don¡¯t you take it.You¡¯re gonna make it after all.You¡¯re gonna make it after all. gonna make it after all. Compensate for inconsistency Adjust the size and line-height as needed to get contrasting fonts to work together
- 24. Be generous If in doubt, slightly larger text size and extra line spacing will often be easier to read
- 25. Choose colours carefully Contrast between text and background makes fonts easier to rasterize
- 26. MacOS Safari Windows 7 Firefox Reverse type A totally different relationship of letter to background
- 27. What¡¯s next?
- 28. Everyone¡¯s racing to make better web fonts available to you Hinting existing fonts to look better. Revising outlines and spacing to look clearer at small sizes. Designing new fonts specifically for screen display. So speak up and tell us what you want!
- 29. Thanks! webfonts.fonts.com dan@monotype.co.uk test pages at rhatigan.org/mt