Ciao ragazzi ho un problema di non semplice soluzione con @font-face.
Sto realizzando un sito per una intranet usando un font scaricato ma quando lo implemento trovo uno strano comportamento.
In pratica ecco il pezzo di css che lo implementa:
codice HTML:
@font-face {
font-family: 'Lobster13Regular';
src: url('Lobster_1.3-webfont.eot');
src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('Lobster_1.3-webfont.woff') format('woff'),
url('Lobster_1.3-webfont.ttf') format('truetype'),
url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lobster13Regular';
src: url('Lobster_1.3-webfont.eot');
src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('Lobster_1.3-webfont.woff') format('woff'),
url('Lobster_1.3-webfont.ttf') format('truetype'),
url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}
in pratica devo ripetere due volte la dichiarazione @font-face o non mi funziona; ho pensato a delle minime differenze nelle due dichiarazioni ma niente non vedo differenze di sorta, però, se tolgo la prima il font non si vede, se tolgo la seconda il font non si vede, se le lascio tutte e due il font si vede.
Francamente non risco a comprendere percheé, mi date una mano?