Hola,
Estoy teniendo problemas para que el navegador utilice una fuente que declaro en el css mediante @fontface.
La fuente me la descargué de fontsquirrel y no funciona en ningún navegador.
La sintaxis del css es la siguiente
Código CSS:
Ver original@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'ColaborateThinRegular';
src: url('type/ColabThi-webfont.eot');
src: url('type/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
url('type/ColabThi-webfont.woff') format('woff'),
url('type/ColabThi-webfont.ttf') format('truetype'),
url('type/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'ColaborateLightRegular';
src: url('ColabLig-webfont.eot');
src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
url('ColabLig-webfont.woff') format('woff'),
url('ColabLig-webfont.ttf') format('truetype'),
url('ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
font-weight: normal;
font-style: normal;}
body {font-family: 'ColaborateThinRegular'; background-color: #014171; margin: 0; padding: 0}
Para que funcione tengo que poner @fontface en el html, de esta manera
Código HTML:
<!doctype html>
<html lang="gl">
<head>
<meta charset="UTF-8">
<title>Documento</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<style>@font-face {
font-family: 'ColaborateThinRegular';
src: url('type/ColabThi-webfont.eot');
src: url('type/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
url('type/ColabThi-webfont.woff') format('woff'),
url('type/ColabThi-webfont.ttf') format('truetype'),
url('type/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
font-weight: normal;
font-style: normal;}</style>
</head> Si lo pongo solamente en el css no consigo que se muestre en el navegador