[PDF] [PDF] CSS3 : LÈRE DES ICON FONTS - GitHub Pages

[PDF] Handbook - Glyphicons

What began as a small set of universal icons and symbols for my daily work is The best thing is that individual files ( PNG, SVG and PDF) are already 

[PDF] Font awesome icon svg - Squarespace

In addition, features such as icon font ligatures, SVG frameworks, official NPM packages for xutawesinimizunuwavar pdf , bluetooth alarm clock radio amazon  

[PDF] CSS3 : LÈRE DES ICON FONTS - GitHub Pages

MFG Labs Icons Name Compatibilités mobiles SVG AA TTF AA http://www somerandomdude com/2012/01/31/font-embedding-icons-the-right-way/

[PDF] Scalable Vector Graphics (SVG) - World Wide Web Consortium

16 août 2011 · (without external dependencies), and a PDF See also translations, noting ' symbol' This is an example SVG file

[PDF] icon word

[PDF] icone pdf gratuit

[PDF] icone pdf libre de droit

[PDF] icone somme openoffice

[PDF] icone youtube png

[PDF] icone zotero ne s'affiche pas

[PDF] icone zotero ne s'affiche pas chrome

[PDF] iconfinder pdf

[PDF] icpe

[PDF] icpe autorisation déclaration

[PDF] icsi institut pour une culture de sécurité industrielle

[PDF] ict technical business analyst

[PDF] ictaal pdf

[PDF] ictarn pdf

[PDF] idcc 2216

Martin Charpentier & Thibaut Baillet

CSS3 : L'ÈRE DES "ICON FONTS"

Front-end développeur

@bailletthibaut thibaut.baillet@mfglabs.com

Thibaut Baillet

Lead Designer

@im_charp martin.charpentier@mfglabs.com

Martin Charpentier

MFG Labs

www.mfglabs.com twitter: @mfg_labs contact@mfglabs.com

TECHNIQUES

Grilles guides et cercles

(Pour conserver une unité d'un pictogramme à l'autre il faut s'astreindre à respecter des règles)

Proportions et formes

(Le respect strict de règles mathématiques n'est pas indispensable. L'utilisation de formes géometriques

permettent de structurer plus harmonieusement les courbes et formes qui constituent l'icône.)

Du fichier .AI au .OTF

GLYPHS app

Glyphs

Copier / coller

Ascendante & descendante

Alignement

Assignement des unicodes

UNICODE

Unicode : standard pour les caractèresDes milliers d'unicodes pour les formes et symboles (Arrows, Currency Symbols, Geometic Shapes, etc...)

Standardise l'utilisation d'icônes

Assignement logique d'unicode

MFG Labs IconsNameUnicode

Pencil0x1f4c5Cloud0x2601

Fallback

Anchor0x2693

Private use area

Assignement au gamme private use plutôt

qu'à des unicodes correspondant à des lettres

Range : E000 ... F8FF (6400 UNICODES)

www.fileformat.info http://www.unicode.org/charts/

HTML5 & CSS3

Les formats (compatibilités)

EOT AA WOFF AA TTF AA

Compatibilités mobiles

SVG AA TTF AA @font-face

Font face Kit

Font face Kit

Class générique

Implémentation

CSSHTML

Implémentation

CSS Fix IE7 & 8https://gist.github.com/Thibaut-B/5383783 HTML

Customisation

1x2x3x

Customisation

Customisation

Customisation

Customisation

Customisation

Retina ready

Performance

Image sprite : 650kb

Yslow: 82Google Speed Score : 90

TTF Font : 11kb

Yslow: 88Google Speed Score : 96

* source : http://goo.gl/tpOKt MERCI

Front-end développeur

@bailletthibaut thibaut.baillet@mfglabs.com

Thibaut Baillet

Lead Designer

@im_charp martin.charpentier@mfglabs.com

Martin Charpentier

Liens utiles

quotesdbs_dbs21.pdfusesText_27