Problemas com a regra @font-face em HTML5 e CSS3

  • Autor Autor photovx2100
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
P

photovx2100

Usuário com poucas negociações! Use sempre o saldo do 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!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.

Inserir CODE, HTML ou 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.
 
Voltar
Topo