Fonts.com Web Fonts is Live
We are very excited to introduce Fonts.com Web Fonts – a service you can try for free as of today. We have been working hard to design a service that will allow Web designers to focus on the design of their sites and spend less time contending with workflow complications and design compromises. The disadvantages of displaying text in graphics or other technologies are numerous and have frustrated designers since the early days of the Web. One must invest in and learn how to use image processing software, learn how or work with IT to host these images, and create a process for managing and updating these assets. At the end of this lengthy process, the designer is left with a Web site with text that is difficult for visitors and search engines to access.
Now we can have the best of both worlds. We are no longer confined to handful of 'Web safe' fonts – and the text on our site remains just the way we want it: scalable, search engine friendly and easy to edit. Our service puts thousands of fonts at your fingertips. The workflow is intuitive. Select the fonts you like, assign them to CSS selectors and add one line of code to your HTML page. You can change the fonts anytime, without touching the code again. I've enjoyed demonstrating this for others. They seem to have an epiphany when the fonts change before their eyes.
Here I will try to show you how you can use a free Fonts.com Web Fonts account to use Web fonts a Web page. In this case, I'm using my blog on blogspot.com.
After logging in to webfonts.fonts.com, I create a project named 'blog.' Next, I add the domain of my site: http://photo-steve-ca.blogspot.com to it so our service knows where to serve the fonts.
I add some fonts to my project which I then need to associate with the CSS Selectors used in my blog. If you're not already familiar with CSS selector tags, this article may be helpful. To find out what selectors are used in my blog, I open the 'Template' of the blog and I can see that H1, H2, H3 and some other common tags were used. So I add the names of these selectors to my project on the 'Work on style sheet' tab. Next, I assign the fonts that I wanted to use to each selectors and click on 'Save changes and update style sheet'. (Figure 1)
To allow Fonts.com Web Fonts to serve fonts to my blog, I need to paste just one line of code into my HTML. The line of code can be found on the 'Publish' tab. I copy the code (Figure 2)
and paste into the blog template right after the tag (Figure 3)
and save the template by clicking "SAVE TEMPLATE CHANGES." That's it. The fonts I chose were selected to show a dramatic difference (see figures 4 and 5). In real life, you'll want to leverage your typographic expertise and design consideration when picking fonts.
If you want to add more or change your Web fonts simply add additional fonts to your project and change the fonts assigned to your selectors. Save the project again and you're done.
We look forward to your feedback on our service. I believe this is just the beginning of a small revolution. Today the first Web sites are using Web fonts. Tomorrow, we expect to see this technology in consumer electronic devices and beyond.
- ·Cocoa Marsh Instant Fudge Candy Mix packaging
- ·Alibaba Supports Font Infringement Complaints
- ·Food Not Bombs hypothetical redesign
- ·Make market-ready fonts with this 8 point checklist
- ·MC5 – Back in the USA album cover
- ·Once Upon DESIGN: New Routes for Arabian Heritage
- ·London Underground's iconic Johnston Sans typeface
- ·The Future of Sex poster
- ·How House Industries Designs Its Retrotastic Logos and Typefaces
- ·XUID Arrays: One Less Thing To Worry About
游客's review on Article 免费商用中文字体有哪些？注意下，新蒂字体已不能商用。
游客's review on Article 超强视觉冲击-3D字体设计作品超强视觉冲击
游客's review on Article 20个出色的艺术字体设计作品欣赏优秀作品展
游客's review on Article 全球第一家手书数字化平台-在线书写毛笔字生成TTF字体给你全世界智慧
馬塞客's review on Article 字体疑问？1.可能是版权问题故意的。（体验版） 2、可能是字库制作时疏忽bug。
游客's review on Article 自己动手用FontCreator修改字体简单教程因为这是日本的字体，所以缺字很正常，字型的编排也是按照日本教育部标准做的。