PUBLIC MARKS with tags @font-face & css

sur Alsacreations / Janvier 2019

the iconic font designed for use with Twitter Bootstrap

Mfglabs icons

Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

There are some browser and screen reader combinations that treat CSS not only as a presentational thing, but apply meaning according to the used properties. For example some won’t read a list if you use list-style: none; in your CSS. This assumes that the meaning of your HTML is overwritten by the visual style: If it doesn’t look like a dumb bullet list, it must be no list at all. I’m not sure I conclude with that assumption, but that isn’t the main point of the article here.

Fonts for web use via the CSS @font-face property.

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

"If you showed me that 10 years ago, my head would have exploded!"

exemple propriété CSS @font-face + 15 Free Fonts

How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.