The Secret of the Apple’s New San Francisco Fonts

Apple has been using Helvetica as the system fonts for iOS since the first iPhone, and they also switched the fonts from Lucida Grande to Helvetica for Mac OS X since 10.10 Yosemite. Why did Apple decide to ditch Helvetica, which is the most famous and loved font in the world?

Monospaced font with programming ligatures

Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations. This is just a font rendering feature: underlying code remains ASCII-compatible. This helps to read and understand code faster. For some frequent sequences like .. or //, ligatures allow us to correct spacing. https://github.com/tonsky/FiraCode#browser-support

How to properly use @font-face to avoid faux-italic and bold browser styles

Did you know that if you declare a custom font using @font-face, the browser will try to fake the bold and italic styles if it can’t find them? This is a clever little feature that avoids a scenario where a themer specifies a font and is then confused that bold and italics don’t work, but ...

@font-face – wszystko, co powinieneś wiedzieć i jeszcze więcej

http://blog.fuertigo.pl/CSS/font-face-wszystko-co-powinienes-wiedziec-i-jeszcze-wiecej/149/ http://blog.secondgate.pl/2011/01/23/kompletna-instrukcja-uzywania-font-face/ http://css-tricks.com/snippets/css/using-font-face/ http://www.w3.org/TR/2013/CR-css-fonts-3-20131003/ http://www.fontsquirrel.com/tools/webfont-generator .font-face(@font-path: '../../../fonts/family-name', @file-name: arial-regular, @weight: normal, @style: normal) { @font-face { font-family: '@{file-name}'; src: url('@{font-path}/@{file-name}.eot'); src: url('@{font-path}/@{file-name}.eot?#iefix') format('embedded-opentype'), url('@{font-path}/@{file-name}.woff') format('woff'), url('@{font-path}/@{file-name}.ttf') format('truetype'), url('@{font-path}/@{file-name}.svg#@{file-name}') format('svg'); font-weight: @weight; font-style: @style; } }

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font

BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.

FF Chartwell is a tool for easily creating graphs, disguised as a font

FF Chartwell is a tool for easily creating graphs, disguised as a font. It utilizes OpenType to interpret and visualize the data. The data also remains editable, allowing for painless updates.

Ligature Symbols

http://kudakurage.com/ligature_symbols/

Free Web Fonts

http://www.google.com/webfonts http://www.fontsquirrel.com/ http://html.adobe.com/edge/webfonts/

Rebuilding the font cache

If you install a new font in linux, you need to rebuild the fonts cache: sudo fc-cache -f -v

Font Awesome – The iconic font designed for use with Twitter Bootstrap

http://fortawesome.github.com/Font-Awesome/