Autor Tema: Consulta sobre: @font-face CSS y HTML cómo usar las fuentes de google CU01046D  (Leído 2777 veces)

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 48
    • Ver Perfil
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.
« Última modificación: 26 de Mayo 2017, 19:16 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:Consulta sobre: @font-face CSS - (CU01046D)
« Respuesta #1 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

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 48
    • Ver Perfil
Re:Consulta sobre: @font-face CSS - (CU01046D)
« Respuesta #2 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"}


bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Consulta sobre: @font-face CSS - (CU01046D)
« Respuesta #3 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

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 48
    • Ver Perfil
Re:Consulta sobre: @font-face CSS - (CU01046D)
« Respuesta #4 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?

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Re:Consulta sobre: @font-face CSS - (CU01046D)
« Respuesta #5 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.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".