--- title: CSS Fonts slug: Web/CSS/CSS_Fonts tags: - CCS - CSS Fonts - Reference translation_of: Web/CSS/CSS_Fonts --- <div>{{CSSRef}}</div> <p><strong>CSS Fonts</strong> es el modulo CSS que define todo lo relacionado con los recursos tipográficos, sus propiedades y como son cargados. Permite definir el estilo de una fuente, su familia tipográfica, tamaño o peso, y las variantes que puede tener la fuente. También permite definir la altura de una línea.</p> <h2 id="Referencia">Referencia</h2> <h3 id="Propiedades">Propiedades</h3> <div class="index"> <ul> <li>{{cssxref("font")}}</li> <li>{{cssxref("font-family")}}</li> <li>{{cssxref("font-feature-settings")}}</li> <li>{{cssxref("font-kerning")}}</li> <li>{{cssxref("font-language-override")}}</li> <li>{{cssxref("font-size")}}</li> <li>{{cssxref("font-size-adjust")}}</li> <li>{{cssxref("font-stretch")}}</li> <li>{{cssxref("font-style")}}</li> <li>{{cssxref("font-synthesis")}}</li> <li>{{cssxref("font-variant")}}</li> <li>{{cssxref("font-variant-alternates")}}</li> <li>{{cssxref("font-variant-caps")}}</li> <li>{{cssxref("font-variant-east-asian")}}</li> <li>{{cssxref("font-variant-ligatures")}}</li> <li>{{cssxref("font-variant-numeric")}}</li> <li>{{cssxref("font-variant-position")}}</li> <li>{{cssxref("font-weight")}}</li> <li>{{cssxref("line-height")}}</li> </ul> </div> <h3 id="Atributos">Atributos</h3> <dl> <dt>{{cssxref("@font-face")}}</dt> <dd> <div class="index"> <ul> <li>{{cssxref("@font-face/font-family", "font-family")}}</li> <li>{{cssxref("@font-face/font-feature-settings", "font-feature-settings")}}</li> <li>{{cssxref("@font-face/font-style", "font-style")}}</li> <li>{{cssxref("@font-face/font-variant", "font-variant")}}</li> <li>{{cssxref("@font-face/font-weight", "font-weight")}}</li> <li>{{cssxref("@font-face/font-stretch", "font-stretch")}}</li> <li>{{cssxref("@font-face/src", "src")}}</li> <li>{{cssxref("@font-face/unicode-range", "unicode-range")}}</li> </ul> </div> </dd> <dt>{{cssxref("@font-feature-values")}}</dt> </dl> <h2 id="Guia">Guia</h2> <p><em>None.</em></p> <h2 id="Especificaciones">Especificaciones</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td>{{SpecName('CSS3 Fonts')}}</td> <td>{{Spec2('CSS3 Fonts')}}</td> <td> </td> </tr> <tr> <td>{{SpecName('CSS2.1', 'fonts.html#font-shorthand', '')}}</td> <td>{{Spec2('CSS2.1')}}</td> <td> </td> </tr> <tr> <td>{{SpecName('CSS1', '#font', '')}}</td> <td>{{Spec2('CSS1')}}</td> <td> <p>Definición<br> inicial</p> </td> </tr> </tbody> </table> <h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2> <p>{{CompatibilityTable}}</p> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari (WebKit)</th> </tr> <tr> <td>Soporte básico</td> <td>1.0</td> <td>1.0 (1.0)</td> <td>3.0</td> <td>3.5</td> <td>1.0 (85)</td> </tr> </tbody> </table> </div> <div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Soporte<br> básico</td> <td>{{CompatUnknown}}</td> <td>{{CompatUnknown}}</td> <td>{{CompatUnknown}}</td> <td>{{CompatUnknown}}</td> <td>{{CompatUnknown}}</td> </tr> </tbody> </table> </div>