Fonts ← Bookmarks

The Secret of the Apple’s New San Francisco Fonts

Oct

28

2016

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

Oct

28

2016

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

Oct

31

2013

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

Oct

26

2013

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

Feb

13

2013

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

Dec

17

2012

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

Dec

17

2012

http://kudakurage.com/ligature_symbols/

Free Web Fonts

Nov

16

2012

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

Rebuilding the font cache

Nov

10

2012

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

Oct

22

2012

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