Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/04/2010, 13:54
rdaniele
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Reconocimiento tipo de fuente del CSS en Chrome

Hola a todos y desde ya gracias por la ayuda!

El inconveniente que tengo es que navegadores como Google Chrome y Opera no reconocen la primera regla de clase de las dos que contiene el CSS para dar formato a los textos. Creo que el problema puede venir por la codificación de caracteres en charset.

Ya estuve buscando en foros y leyendo los tutoriales de la página de Google Chrome sobre estos problemas pero no doy con la solución.

Les dejo los códigos html y css que uso para ir probando. Perdón si han respondido a este problema y no encontré la respuesta. Gracias!

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <link href="trebuchet.css" rel="stylesheet" type="text/css" />
  6. </head>
  7.  
  8. <p class="trebuchet2">Prueba fuente título</p>
  9. <p class="trebuchet">Prueba fuente párrafo</p>
  10. </body>
  11. </html>

Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .trebuchet {
  4.     font-family: "Trebuchet MS";
  5.     font-size: 16px;
  6.     font-style: normal;
  7.     line-height: normal;
  8.     font-weight: normal;
  9.     color: #000000;
  10.     letter-spacing: normal;
  11.     text-align: justify;
  12.     text-indent: 0px;
  13.     vertical-align: baseline;
  14.     word-spacing: normal;
  15.     white-space: normal;
  16. }
  17. .trebuchet2 {
  18.     font-family: "Trebuchet MS";
  19.     font-size: 24px;
  20.     font-style: normal;
  21.     line-height: normal;
  22.     font-weight: normal;
  23.     color: #585858;
  24.     letter-spacing: normal;
  25.     text-align: right;
  26.     text-indent: 0px;
  27.     vertical-align: baseline;
  28.     word-spacing: normal;
  29.     white-space: normal;
  30. }