Teléfono y Whatsapp: 675 18 68 80

Insertar tipografía ttf, svg, woff, eot, ttf en CSS

El diseño gráfico está de moda, los productos entran por los ojos y para ello cada vez se dedican más recursos a publicidad, márketing etc. Las páginas web son parte de ello y también están sufriendo una evolución estos últimos años. Es por ello que la adición de tipografías no estándar está a la orden del día. He aquí cómo insertarlas mediante un simple CSS en cualquier página web.

Inserción de fuentes mediante CSS

@font-face {
  font-family: 'Regular';
  src: url('../fonts/REGULAR/PFDinDisplayPro-Reg.eot');
  src: url('../fonts/REGULAR/PFDinDisplayPro-Reg.eot') format('embedded-opentype'), url('../fonts/REGULAR/PFDinDisplayPro-Reg.woff') format('woff'), url('../fonts/REGULAR/PFDinDisplayPro-Reg.ttf') format('truetype'), url('../fonts/REGULAR/PFDinDisplayPro-Reg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

Nota: existen también otros métodos como Google Fonts, Cufon etc.