Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:web:webfont [13/09/2013 17:54] – créée cyrille
+++ informatique:web:webfont [24/04/2023 12:07] (Version actuelle) – [Divers] Google fonts helper cyrille
@@ Ligne 1: / Ligne 1: @@
 ====== WebFont ======
+Voir aussi: [[/informatique/web/css#fonts-and-formatting|css/fonts-and-formatting]]
 ===== Web-safe fonts =====
@@ Ligne 26: / Ligne 27: @@
     * Comic Sans MS
   * MONOSPACE
-    * Courier New
+    * <html><span style="Courier New">Courier New</span></html>
 ===== Web Fonts =====
-**@font-face**
+CSS2 specification, which introduced the **@font-face** rule.
+  * TrueDoc (PFR)
+  * Embedded OpenType (EOT)
+  * Web Open Font Format (WOFF) are formats
+http://en.wikipedia.org/wiki/Web_typography
+  * TrueType/OpenType
+    * Main articles: TrueType and OpenType
+    *Linking to industry-standard TrueType (TTF) and OpenType (TTF/OTF) fonts are supported by Mozilla Firefox 3.5+, Opera 10+,[13] Safari 3.1+,[14] Google Chrome 4.0+.[15] Internet Explorer 9+ will support only those fonts with embedding permissions set to installable.[16]
+  * Web Open Font Format
+    * Main article: Web Open Font Format
+    * WOFF has been supported by Mozilla Firefox 3.6+,[17] Google Chrome 5+,[18][19] Opera Presto,[20] and is supported by Internet Explorer 9 (since March 14, 2011).[21] Support is available on Mac OS X Lion's Safari from release 5.1.
+The Web Open Font Format (WOFF) is a font format for use in web pages. It was developed during 2009[2] and is now a World Wide Web Consortium (W3C) Recommendation.[3]
+  * http://www.red-team-design.com/google-font-api-and-typekit-solutions-vs-font-face
+  * http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html
 <code css>
@@ Ligne 47: / Ligne 63: @@
 </code>
-Des fonts libres ou/et gratuites
+===== Divers =====
+Des fonts libres ou/et gratuites
   * http://www.fontsquirrel.com
   * http://fonts.mafia-server.net
+  * http://www.font-zone.com
+  * http://www.eaglefonts.com
+Icons as Font
+  * [[http://fontawesome.io/|Font Awesome]]
+  * [[https://octicons.github.com/|GitHub's icons]]
+Google fonts helper: https://gwfh.mranftl.com/fonts
+Font identification : http://www.myfonts.com/WhatTheFont/
+Comment convertir une font en .TTF .EOT .WOFF .SVG
+http://www.bugz.fr/2011/06/comment-convertir-une-font-en-ttf-eot-woff-svg/
+http://www.font2web.com/
+http://www.typetester.org/