[SOLUCIONADO] Problema con el size de un @font-face

[Llunetica]

He subido mi font-face en formato True Tipe y funciona, pero no me cambia el font-size por mucho que lo especifique, la letra se me queda pequeña.

Les dejo el código para que me puedan decir qué hago mal...

Código HTML:

@font-face {
 font-family: 'Olympic Branding';
 src: url(/design/OlympicBranding.ttf) format(‘truetype’);
}

Código HTML:

.menu{ 
 width:100%; 
 max-width: 1600px;
 margin:0auto;
 box-sizing: border-box;
 padding:3px;
 background: url(/design/fondo.jpg) repeat;
 color: #000; 
 text-align: center;
}

.menu li {
 display: inline;
 margin:0;
}

.menu li a {
 float:center;
 margin-right: 10px;
 background-color: none;
 color: #000;
 font-family: 'Olympic Branding', 'Lobster', Georgia;
 font-size: 48px;
 text-decoration:none;
}

.menu li a:hover, #menup li a:active {
 background-color: none;
 padding-bottom:5px;
 border-bottom: 3px solid #fff;
}

Todo está en la misma hoja de estilo.

Espero que me puedan ayudar...¡!

Gracias de antemano : )

[eltinchorz]

mmm, es lo unico que no se te aplica? testeaste con varios navegadores?

Saludos

[Llunetica]

Si, probé con varios navegadores y en un ciber dónde salía la letra más grande pero el segundo font-family (Lobster)... No entiendo por qué

(Señalicé el post como solucionado sin querer..!)

[eltinchorz]

Fijate que en esta declaracion hay un slash/ de mas y las comillas de "format" son tipograficas

Código CODE:

@font-face {
 font-family: 'Olympic Branding';
 src: url(/design/OlympicBranding.ttf) format(‘truetype’);
 src: url(design/OlympicBranding.ttf) format('truetype');  /* <--- Asi funciona */
}
 

Las comillas pueden ser "truetype" o 'truetipe' pero siempre rectas, estas no sirven: “ ” ‘ ’
Cuando tengas dos declaraciones y una funcione y la otra no, simplemente comparalas y busca las diferencias, recorda que los lenguajes de programacion son bastante estrictos, cuanto mas calcados esten mas chances tenes de que funcione.

Saludos!

[Llunetica]

Oh! Muchas gracias eltinchorz! Me funcionó!

Estos errores son los peores... muchas veces unx mismx no los puede ver. Lo del slash no lo sabía, así que también lo quité en algunas url de backgrounds, etc.

El problema ahora es que en internet explorer no sale el font-face que le apliqué, sale la siguiente fuente (Lobster) y además con un size muy grande, ya que el size de la fuente principal que subí es menor y tengo que aplicarla grande para que se vea chido. ¿Alguna idea de cómo solucionarlo?

[Llunetica]

Ya solucioné mi problema con IE aplicando también el font-face en formato EOT.