Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: alefaletti en 24 de Marzo 2017, 19:31

Título: Consulta sobre: @font-face CSS y HTML cómo usar las fuentes de google CU01046D
Publicado por: alefaletti en 24 de Marzo 2017, 19:31
Estimados; buenas tardes. Estoy siguiendo el curso de programación web de aprenderaprogramar.com entrega CU01046D

No he logrado luego de variooooooooosssssss intentos colocar una url absoluta y que me funcione desde CSS.

He bajado desde Google Fonts varias tipografias y solo me funcionaban si las colocaba en el "head".

Muchas gracias para los que me puedan ayudar.
Título: Re:Consulta sobre: @font-face CSS - (CU01046D)
Publicado por: pedro,, en 25 de Marzo 2017, 23:23
Hola alefaletti.

Pon el código que hallas conseguido y vemos si hay algún error.

Saludos. ;D
Título: Re:Consulta sobre: @font-face CSS - (CU01046D)
Publicado por: alefaletti en 27 de Marzo 2017, 23:52
Gracias Pedro! el CSS es este:

(las tipografias ya las he borrado).Si coloco la URL absoluta en CSS, no me funciona.

Código: [Seleccionar]


@font-face {font-family:"Bublegum"; src:url(BubblegumSans-Regular.otf);}
h1 {font-family:"Bublegum"}

@font-face {font-family:"Just"; src:url(Just-Gotta-Smile.ttf);}
h2 {font-family:"Just"}

@font-face {font-family:"Alef"; src:url(Alef-Regular.ttf);}
p {font-family:"Alef"}

Título: Re:Consulta sobre: @font-face CSS - (CU01046D)
Publicado por: bermartinv en 28 de Marzo 2017, 16:03
Has descargado el archivo de la fuente en la url que indicas? El código funciona si has descargado loas archivos de las fuentes.
Saludos
Título: Re:Consulta sobre: @font-face CSS - (CU01046D)
Publicado por: alefaletti en 01 de Abril 2017, 20:14
Si lo descargue, pero mi duda es porque no me funciona si coloco el codigo en un CSS aparte del codigo HTML. Si o si se debe poner en HEAD?
Título: Re:Consulta sobre: @font-face CSS - (CU01046D)
Publicado por: bermartinv en 02 de Abril 2017, 10:30
Debe ser porque no indicas bien la ruta de los archivos.
Como dice pedro,, sube el código.