Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: victorlaparra en 22 de Octubre 2017, 16:22

Título: ¿Como añadir hojas de estilo a mi proyecto? google fonts cómo introducir letras
Publicado por: victorlaparra en 22 de Octubre 2017, 16:22
Hola, tengo un proyecto al que agregue un archivo .css. He añadido estilos online con
 
Código: [Seleccionar]


       @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
Título: Re:¿Como añadir hojas de estilo a mi proyecto?
Publicado por: paramonso 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.
 ;D
Título: Re:¿Como añadir hojas de estilo a mi proyecto?
Publicado por: victorlaparra en 24 de Octubre 2017, 14:56
Gracias, he probado y funciona, pero al final me las he descargado en mi proyecto