Sommaire

Les règles typographiques générales

Avec les liaisons aux feuilles de style CSS de Foundation, nous disposons de règles CSS concernant la typographie qui vont s’appliquer sur l’ensemble des textes par héritage. Ces règles typographiques sont appliquées à l’élément <body>.

Pour l’élément <body>, voici les règles CSS concernant la typographie qui sont utilisées :

body { 
  padding: 0; 
  margin: 0; 
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; 
  font-weight: normal; 
  line-height: 1.5; 
  color: #0a0a0a; 
  background: #fefefe; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

Notez bien que la couleur du texte par défaut est un gris très foncé : color: #0a0a0a.

Pour la plupart des conteneurs de texte (<p>, <div>, <hx>, <ul>...), Foundation impose des remplissages et des marges à 0 :

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p,  
blockquote, th, td { 
  margin: 0; 
  padding: 0; 
}