Autor Tema: ¿Como añadir hojas de estilo a mi proyecto? google fonts cómo introducir letras (Leído 2212 veces)

victorlaparra · « **en:** 22 de Octubre 2017, 16:22 »

Hola, tengo un proyecto al que agregue un archivo .css. He añadido estilos online con

 

       @import url("https://fonts.googleapis.com/css?family=Poiret+One");
     @import url("fonts.googleapis.com/css?family=Ubuntu+Condensed");

pero no me funciona, por lo que descargué las librerias y no se como hacer para que lea los archivos descargados. Les puse dentro de la carpeta CSS, probe de varias formas pero no hay forma. Si alguien tiene una idea ....

Gracias

paramonso · « **Respuesta #1 en:** 24 de Octubre 2017, 13:32 »

Hola Victorlaparra.

En la página de google fonts cuando vas a copiar el enlace de la fuente hay un enlace para ver cómo se usa y en esa página de enlace tienes un ejemplo para utilizarlo.

De todas la maneras te dejo el código de ejemplo.
A mi en Chromium me funciona.

Código: [Seleccionar]

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>sin título</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.30.1" />
     
    <style>
		@import url("fonts.googleapis.com/css?family=Ubuntu+Condensed");
		@import url("https://fonts.googleapis.com/css?family=Poiret+One");
      body {
        font-family: 'Poiret One', serif;
        font-size: 48px;
      }
      div{
		  font-family:'Ubuntu Condensed',serif;
		  font-size:50px;}
    </style>
  </head>
  <body>
	  Making the Web Beautiful!
    <div>Toda acción tiene una reacción que vuelve con la misma intensidad</div>
  </body>
</html>

Ok.

victorlaparra · « **Respuesta #2 en:** 24 de Octubre 2017, 14:56 »

Gracias, he probado y funciona, pero al final me las he descargado en mi proyecto

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: