Comments on: Go Beyond Web-Safe Fonts with CSS3 http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/ Web Design & Development Blog Fri, 24 Feb 2012 23:55:31 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Master CSS3 Techniques http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-22776 Master CSS3 Techniques Tue, 13 Jul 2010 18:01:13 +0000 http://inspectelement.com/?p=885#comment-22776 [...] Go Beyond Web-Safe Fonts with CSS3 Design your typography around any of the variety of fonts available using a new CSS3 technique. [...]

[...] Go Beyond Web-Safe Fonts with CSS3 Design your typography around any of the variety of fonts available using a new CSS3 technique. [...]

]]> By: Tools and Resources to Take A Turn For The Better your Typography on the Spider’S Web | Your articles http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-13332 Tools and Resources to Take A Turn For The Better your Typography on the Spider’S Web | Your articles Wed, 07 Apr 2010 15:51:58 +0000 http://inspectelement.com/?p=885#comment-13332 [...] Easy to setup (apprehend previous post) [...]

[...] Easy to setup (apprehend previous post) [...]

]]> By: Dezign Matterz – Web Design & Selective Font Face http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-3222 Dezign Matterz – Web Design & Selective Font Face Mon, 16 Nov 2009 12:56:20 +0000 http://inspectelement.com/?p=885#comment-3222 [...] In the Inspect Element Web Design & Development Blog, Tom Kenny writes, “Currently only Firefox 3.5 and Webkit browsers such as Safari and Google Chrome will render [the @font-face selector]. Of course, older browsers such as IE6 and IE7 will not support it and with IE8’s distinct lack of CSS3 feature [sic], that doesn’t support it either.” ( Source : Go Beyond Web Safe Fonts w/ CSS3 [...]

[...] In the Inspect Element Web Design & Development Blog, Tom Kenny writes, “Currently only Firefox 3.5 and Webkit browsers such as Safari and Google Chrome will render [the @font-face selector]. Of course, older browsers such as IE6 and IE7 will not support it and with IE8’s distinct lack of CSS3 feature [sic], that doesn’t support it either.” ( Source : Go Beyond Web Safe Fonts w/ CSS3 [...]

]]> By: Adam http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-2787 Adam Thu, 05 Nov 2009 16:47:18 +0000 http://inspectelement.com/?p=885#comment-2787 Steve is correct, theres a "Howto" guide on my blog (click my name) on how to get this working on IE6,7,8, Firefox, Chrome and Safari. So before you knock IE, It's been able to support custom fonts since IE 5.5, hokey? ;) Don't take that as I'm an IE Fanboy though, I've a FireFox man forever... Just thought I should point that out to someone who perhaps should be educated ;) Steve is correct, theres a “Howto” guide on my blog (click my name) on how to get this working on IE6,7,8, Firefox, Chrome and Safari.

So before you knock IE, It’s been able to support custom fonts since IE 5.5, hokey? ;)

Don’t take that as I’m an IE Fanboy though, I’ve a FireFox man forever… Just thought I should point that out to someone who perhaps should be educated ;)

]]> By: steve http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-1742 steve Thu, 08 Oct 2009 19:45:20 +0000 http://inspectelement.com/?p=885#comment-1742 IE has supported the @font-face rule for over 10 years. Unfortunately you have to use the .eot file format for the fonts. Microsoft offers a tool to convert them, but it doesn't work well, i suggest this site: http://www.kirsle.net/wizards/ttf2eot.cgi IE has supported the @font-face rule for over 10 years. Unfortunately you have to use the .eot file format for the fonts. Microsoft offers a tool to convert them, but it doesn’t work well, i suggest this site:
http://www.kirsle.net/wizards/ttf2eot.cgi

]]> By: Tom Kenny http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-1070 Tom Kenny Sun, 06 Sep 2009 12:23:33 +0000 http://inspectelement.com/?p=885#comment-1070 Thanks for the heads-up stk! Funnily enough one of the developers I work with pointed me to your article a few days ago as we were looking at getting an embedded font working across all/most browsers without having to create images. The font we're using (Diavlo) unfortunately doesn't work with this technique but I have tested it using other fonts and it works a treat! We decided to use Cufon to support all browsers and it works more than well enough for our needs. Thanks once again though! Thanks for the heads-up stk! Funnily enough one of the developers I work with pointed me to your article a few days ago as we were looking at getting an embedded font working across all/most browsers without having to create images.

The font we’re using (Diavlo) unfortunately doesn’t work with this technique but I have tested it using other fonts and it works a treat!

We decided to use Cufon to support all browsers and it works more than well enough for our needs.

Thanks once again though!

]]> By: stk http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-1052 stk Sat, 05 Sep 2009 04:50:24 +0000 http://inspectelement.com/?p=885#comment-1052 <a href="http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding" title=" Tutorial on cross-browser font embedding w/@font-face " rel="nofollow">Cross-browser Embedding Tutorial</a> Using @font-face and the above tutorial, 97% of our visitors get to see our fancy CSS-embedded fonts. It's easy, valid, no hacks, no rental fees, no flash, no javascript and no conditional comments. Article also contains links to several online font converters (ttf2eot, otf2ttf & dFont2ttf) and an easy workflow for WEFT. Hope this helps. Cross-browser Embedding Tutorial

Using @font-face and the above tutorial, 97% of our visitors get to see our fancy CSS-embedded fonts. It’s easy, valid, no hacks, no rental fees, no flash, no javascript and no conditional comments.

Article also contains links to several online font converters (ttf2eot, otf2ttf & dFont2ttf) and an easy workflow for WEFT.

Hope this helps.

]]> By: Design Wannabe http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-677 Design Wannabe Tue, 18 Aug 2009 11:00:57 +0000 http://inspectelement.com/?p=885#comment-677 Great solution Great solution

]]> By: Mastering CSS: Advanced Techniques and Tools | CSS | Smashing Magazine http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-508 Mastering CSS: Advanced Techniques and Tools | CSS | Smashing Magazine Mon, 10 Aug 2009 12:36:25 +0000 http://inspectelement.com/?p=885#comment-508 [...] Go Beyond Web-Safe Fonts with CSS3 Design your typography around any of the variety of fonts available using a new CSS3 technique. [...]

[...] Go Beyond Web-Safe Fonts with CSS3 Design your typography around any of the variety of fonts available using a new CSS3 technique. [...]

]]> By: Post-Gutenberg-Ära mit weniger Buchstaben im Satzkasten @ Der Burtchen bloggt http://inspectelement.com/tutorials/go-beyond-web-safe-fonts-with-css3/#comment-344 Post-Gutenberg-Ära mit weniger Buchstaben im Satzkasten @ Der Burtchen bloggt Sun, 26 Jul 2009 15:07:00 +0000 http://inspectelement.com/?p=885#comment-344 [...] den 4er-Browserzeiten kurz populäres CSS-2-Tag handelt, die dann in CSS 2.1 aufgegeben wurde und in CSS 3 wieder benutzt wird. Nach meinen Recherchen sind die heißen Kandidaten Firefox 3.5, alle neueren Webkit-basierten [...]

[...] den 4er-Browserzeiten kurz populäres CSS-2-Tag handelt, die dann in CSS 2.1 aufgegeben wurde und in CSS 3 wieder benutzt wird. Nach meinen Recherchen sind die heißen Kandidaten Firefox 3.5, alle neueren Webkit-basierten [...]

]]>