public marks

PUBLIC MARKS from srcmax with tag font-face

2014

FF Subsetter - Optimize your Web FontFont

by 2 others
Web FontFonts are built to serve most people’s needs, and often contain a huge number of glyphs. Yet most of the time you’ll only need a few of them! By dropping what you don’t need, you can greatly reduce the font file size to optimize bandwidth usage, make your websites faster, and reduce high-traffic costs.

How to optimize for legibility using text-rendering | Webdesigner Depot

The text-rendering property has four settings: auto: allows the browser to choose a setting itself optimizeSpeed: focuses on speed optimizeLegibility: focuses on advanced rendering geometricPrecision: precise rendering

2012

Optimiser le rendu de @font-face : tout un programme ! – Clever Age, 100% digital

by 1 other
Depuis quelques années, @font-face est devenu l’outil indispensable pour agrémenter une interface web de fontes exotiques. Mais comment expliquer les différences de rendu, parfois considérables, d’un navigateur et d’un OS à l’autre ? Penchons-nous sur la question.

2011

Losing face with IE8 | Kenneth's Universe

1 comment
If you are using @font-face for your main site, and for your iframe, then you may find that the font-face is removed and replaced with arial or helvetica when the iframe is removed from the page. This is a common effect of modal iframe lightbox systems, like shadowbox or thickbox.

2010

-moz-font-feature-settings - MDC

The -moz-font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

Giving Challenged @font-face Fonts The Italics Makeover

See the nice italicized text in the heading of this article? It is not so obvious to style as you may think. There are many great free and commercial fonts out there that allow @font-face embedding. Unfortunately, not all of them have an italics variant for one reason or another. For example, the font I use for my blogs headlines, Graublau Sans Web, does not have a true italics variant included with it, while the font I use for the blog’s copy, Droid Sans, does. When a font doesn’t have an italics variant, and you try to italicize it in a web-page using i and em tags, the results depend on the browser you are using:

* Safari, Chrome and Opera will render the font normally without italicizing it.

* Internet Explorer and Firefox will attempt to italicize the font, but Internet Explorer will slant the font at a 20° angle while Firefox implements a 10° slant.

Quick Tip: Tuning Condensed Fonts with WebFont Loader « The Typekit Blog

In general, type sizes run a little bigger with condensed fonts; they take up less horizontal space so we tend to set them at larger sizes than we would a more normal font. But since there isn’t a condensed font among system fonts, we don’t have a comparable fallback option for browsers that don’t support @font-face, leaving us with oversized system fonts.

Fighting the @font-face FOUT « Paul Irish

by 4 others
FOUT is what I'm calling the flash of unstyled text that you get while using @font-face in Firefox and Opera.

Font Squirrel | Download Hundreds of Free @font-face Fonts

by 8 others

Download hundreds of prepackaged @font-face kits which

include four font formats, CSS and HTML code. See below for details.

Don't see what you need? Try our new @Font-Face Generator.

Upload your own fonts and get a kit back!

2009

Typefaces we can all share : Open Font Library

by 12 others
Link in to Web Fonts! We host font files that you can directly link to from your sites.

2008

Ajaxian » Firefox 3.1 beta: Geolocation, @font-face, Video and Audio, XHR++, and TraceMonkey

1 comment
WebKit lead with their @font-face implementation, and getting browser #2 to support it is huge. Now you can load up a font using same-origin rules via simple CSS:

srcmax's TAGS related to tag font-face

adobe +   api +   blog +   browser +   bug +   css +   css3 +   developpement +   firefox +   firefox 3.1 +   firefox4 +   font-smoothing +   fonts +   free +   generator +   générateur +   google +   ie8 +   integration +   italic +   js +   mozilla +   open type +   optimization +   system +   typekit +   typographie +   typography +   web font loader +