Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: UsuarioZ en 5 Abril 2020, 12:49 pm


Título: No funciona fuente @font-face [CSS]
Publicado por: UsuarioZ en 5 Abril 2020, 12:49 pm
Estuve intentando ponerle una fuente que se pueda ver en cualquier lado sin necesidad de que el dispositivo desde el que se entre tenga esa fuente, pero no carga, que puede ser?

Funciona todo excepto por la fuente que cargue, también intente con otras fuentes y ninguna me funciona, así que no creo que sea el código html.

Código
  1. @font-face
  2. {
  3.   font-family: "cstream";
  4.   src: url(fuentes/cstream.ttf);
  5. }
  6.  
  7. /*Estilo para el id "Titulo".*/
  8. #Titulo
  9. {
  10.   font: normal 80px cstream, Verdana, "Times New Roman"; /*Determina las caracteristicas de la fuente*/
  11.   color: rgb(84, 14, 18);
  12.   padding-right: 85%;
  13.   background-image: url(../imgs/mapa.jpg);
  14.   background-size: auto;
  15.   background-clip: padding-box;
  16.   border-top-style: groove;
  17.   border-bottom-style:groove;
  18.   border-left-style: dashed;
  19.   border-right-style: dashed;
  20.   border-image-source: url(../imgs/madera.jpg);
  21.   border-image-slice: 30;
  22.   border-width: 10px;
  23.   text-align: center;
  24. }
  25.  

Título: Re: No funciona fuente @font-face [CSS]
Publicado por: engel lex en 5 Abril 2020, 17:03 pm
primero que nada, prueba el font family directamente porque a demas creo que estás armando la sentencia font mal porque a demas le dices que quieres usar times news roman...

en #titulo usa
Código
  1. font-family: "cstream";
  2. font: normal 80px;


Título: Re: No funciona fuente @font-face [CSS]
Publicado por: UsuarioZ en 13 Abril 2020, 13:20 pm
Cita de: engel lex en  5 Abril 2020, 17:03 pm
primero que nada, prueba el font family directamente porque a demas creo que estás armando la sentencia font mal porque a demas le dices que quieres usar times news roman...

en #titulo usa
Código
  1. font-family: "cstream";
  2. font: normal 80px;



Gracias, estaba mal la fuente en @font-face, no me había dado cuenta xd, era:

Código
  1. src: url(../fuentes/cstream.ttf);


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines