Générateur de @font-face / Programmation css / Développement

fontsquirrel est un site qui va vous permettre de générer des fontes aux formats :
- TrueType
- EOT
- WOFF
- SVG
- SVGZ

Compatibilité navigateurs de @font-face :
Internet Explorer 4.0 : Embedded OpenType fonts only
Firefox 3.5 (1.9.1) : TrueType and OpenType fonts only
Firefox 3.6 (1.9.2) : Web Open Font Format (WOFF)
Opera 10.0 : TrueType and OpenType fonts only
Safari (WebKit) 3.1 (525) : TrueType and OpenType fonts only

Exemple de @font-face :

Exemple de code :

@font-face {
  font-family: 'myFont';
  src: url('../../images/fonts/breac___-webfont.eot');
  src: url('../../images/fonts/breac___-webfont.woff') format('woff'), url('../../images/fonts/breac___-webfont.ttf') format('truetype'), url('../../images/fonts/breac___-webfont.svg#webfontgnHWmQkb') format('svg');
  font-weight: normal;
  font-style: normal;
}
.Breakaway {
  font-weight: normal;
  font-style: normal;
  line-height:normal;
  font-family: 'myFont', sans-serif;
  font-size-adjust: 0.67;
}

48 The five boxing sunt in culpa qui officia deserunt mollit anim id est laborum.

Copie d'écran :

Code pour Internet Explorer 6 :
Pour être compatible Internet Explorer 6, vous devez ajouter en premier un @font-face pointant sur le eot seulement.

Exemple de code :

@font-face {
font-family: 'myFont';
src: url('../../images/fonts/breac___-webfont.eot');
}

: http://www.fontsquirrel.com/fontface/generator

By Alias Dmc Ajouté le : 29-01-2011

Votes: 5 / 5 - 19 votes
Cliquez sur une étoile pour voter.

Générateur de @font-face

Dmc Infos