Problemas con la regla @font-face en HTML5 y CSS3

  • Autor Autor photovx2100
  • Fecha de inicio Fecha de inicio
P

photovx2100

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola!
Como dije en mi presentación, estoy aprendiendo HTML5 y CSS3.
He legado a la regla @font-face, para añadir la fuente de letra deseada, y me surge el problema de que no consigo hacerlo funcionar, imagino es algo mal del código.
He buscado por la red la sintaxis correcta, pero sigo sin hacerlo bien.
Os pego el código que tengo y la sintaxis correcta.

@font-face{
font-family:<nombre_de_la_fuente>;
src: url(<ruta_url>) [format()];
}

Mi código:
@font-face {
font-family: fabulous ;
src: url(C:\Users\Documents\Curso HTML\font) (fabulous.ttf);
}

He probado a poner el archivo de la fuente en la misma carpeta que el archivo .css y en la carpeta "font". Pero no va. Al trabajar en local, no se si es correcta la sintaxis.

Alguno tiene idea que hago mal?

Un saludo!
 
Lo tienes malo, quizás así te funcione, en caso de que la carpeta con las fuente esté fuera del directorio de donde los llamas agrega ../ para que salga a buscarlos.

font: carpeta donde se alojan las fuentes.

Insertar CODE, HTML o PHP:
<!-- Con el directorio fuera -->
@font-face {
    font-family: "fabulous";
    src:url(../font/fabulous.ttf);
}

<!-- Con el directorio dentro -->
@font-face {
    font-family: "fabulous";
    src:url(font/fabulous.ttf);
}

- - - Actualizado - - -

Creo que esto te será más util :encouragement:
9zfCuCS.png
 
Dios!!!!! Muchas gracias Reyes Jose. Funciona a la perfección, jajajaja, como no iba a hacerlo, no?
De nuevo, muchas gracias por tu tiempo y la perfecta respuesta.

un saludo.
 
Atrás
Arriba