Web Fonts: The Need to Know Basics
As moderator of a recent AIGA Chicago panel, "The New Web Typography," I was reminded of how many designers and developers are still looking for a quick primer on Web font basics.
If you were one of the 120 designers in attendance, then you heard from the diverse range of panelists about the need to know more about the fundamentals of Web fonts. Our panel of experts – a Web developer, a Web engineer, and a type designer – offered insights into why the basic rules of Web fonts differ from the traditional world of system fonts.
Whether you're a traditional graphic artist, a Web designer or developer, here are the top three "need to know basics" of Web fonts. For those who would like to see the AIGA Chicago presentation, check out the slide show at http://www.slideshare.net/Monotype_Imaging/new-web-typography.
What Web font tips would you add to this list? What questions do you have? E-mail me at Bill@Fonts.com and please let me know.
1. Font Licensing
Can you take your desktop fonts and load them on a Web server?
For Web fonts, you have to secure the rights. For instance, you can't take a system font and put it up on the Web just because you have the license to the system font. This point was amplified by each of the presenters. Some fonts on your computer may have been installed with an application, such as Adobe® Creative Suite® software. So you have to be careful and check the font licenses to ensure you have the right to use them on the Web.
You will find that there are some system fonts that are not yet Web fonts. The list of new Web fonts grows each day. However, if the font is exclusive to a foundry and not available through resellers, you may need to check with that foundry as to whether and when the Web font version will be available.
2. Font Quality
How do you choose print fonts that will look good on a screen?
Testing. Often designers ask about the best ways to determine font quality. The answer is testing. As you select fonts, you also need to build out Web pages in order to view your font choices on screen and across multiple Web browsers.
Recently we added a browser preview feature to the Fonts.com Web Fonts service. This allows you to see how fonts appear in different browsers, and with different operating system font-rendering settings.
3. Font Selection
How do you show clients different Web fonts during the creative stage of a Web design without having to buy each font?
There are different answers based on the Web font solutions you use. For example, the Fonts.com Web Fonts professional tier entitles you to 50 desktop downloads per month. This gives you the ability to use, play with and test fonts as part of your subscription during the client comp phase. The alternative is to make an investment in the desktop fonts so you can use them not only for Web design comps, but for any kind of print and Web project.
- ·The Future of Sex poster
- ·Top 100 Fonts.com Web Fonts for May 2016
- ·47 free tattoo fonts for your body art
- ·How to sell your typefaces
- ·Once Upon DESIGN: New Routes for Arabian Heritage
- ·Alphabet Stories by Hermann Zapf
- ·Type terms: the animated typographic cheat sheet
- ·TypeDecon Digital Download
- ·Linotype Ad: "Linotype vs. Intertype"
游客ReviewFS Emeric字体：一款令人愉悦的新字体font article没看看有这款字体啊
我在这儿Review网页设计中的艺术字体设计与排版（1）font article很好 值得学习
新蒂字体 授权使用： 无需备案免费使用的情况： 在个人电脑上安装、打印个人文档、个人网站、博客、微博配图 需要备案免费使用的情况： 设计有可能商用的稿件（在商用时购买商业授权）、用于免费提供给他人的印刷品（印量在500份以内，且无需获得印刷品行政许可）的情况、用作没有品牌冠名的公益广告、用作完全免费（不能含有收费项目）的软件及网络服务。 需要购买个人授权的情况： 个人网店的装饰、个体商...