Problema tipografia

vicion · #1 (**permalink**) 27/12/2011, 23:50

Bueno les comento mi problema, mi tipografia es la siguiente
y se ve perfecto en firefox y IE.

el problema es q en google chrome se ve sin la inclinacion ya nose q hacer
para q se arregle.

Saludos!

Carlangueitor · #2 (**permalink**) 28/12/2011, 00:04

Pueden ser mil cosas, pero sin un link o el código sería jugar a las adivinanzas.

Saludos

miktrv · #3 (**permalink**) 28/12/2011, 12:46

Puedes colocar tu código?

cvander · #4 (**permalink**) 28/12/2011, 18:30

Me parece que en Chrome no estas usando una tipografía compatible, de tal forma que está mostrando una más bien genérica.

vicion · #5 (**permalink**) 29/12/2011, 12:07

Código HTML:

Ver original<!DOCTYPE  html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Diseño Web y Desarrollo Web Corporativo, servicio integral de Marketing en Internet, Social Media, Email Marketing y Desarrollo de sitios web y aplicaciones para dispositivos Móviles.</title>
        <meta name="description" content="Diseño Web y Desarrollo Web Corporativo, servicio integral de Marketing en Internet, Social Media, Email Marketing y Desarrollo de sitios web y aplicaciones para dispositivos Móviles." />
        
        <!-- CSS -->
        <link rel="stylesheet" href="css/style.css" type="text/css;charset=X" media="screen" />
        <link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
        
        <!-- ENDS CSS -->   
        <!--  -->
        <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style.css" type="text/css;charset=X" media="screen" />
    <!-- ENDS CSS
        
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        
        ENDS JS -->
        
        <!-- JS -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/custom.js"></script>
        <script type="text/javascript" src="js/slider.js"></script>
        <script src="js/slides/source/slides.min.jquery.js"></script>
        <script src="js/quicksand.js"></script>
        
        <!-- superfish -->
        <link rel="stylesheet" media="screen" href="css/superfish.css" /> 
        <script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
        <script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
        <script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
        <!-- ENDS superfish -->
 
        <!-- poshytip -->
        <link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
        <link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
        <script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
        <!-- ENDS poshytip -->
                
         <!-- Tweet -->
        <link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/> 
        <script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> 
        <!-- ENDS Tweet -->
                
        <!-- prettyPhoto -->
        <script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
        <link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
        <!-- ENDS prettyPhoto -->
        
        <!-- GOOGLE FONTS -->
        <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css;charset=X'>
        
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    body {
    background-image: url(img/bg/bg.png);
    background-repeat: repeat;
}
    .wrapper #nav-bar-holder #nav li a p {
    color: #333;
}
 
    </style>
    </head>
<body>

saludos!
estuve investigando agregando el "charset=X" pero no tiene nada que ver me parece jeje

Carlangueitor · #6 (**permalink**) 29/12/2011, 13:05

Hubieras dicho que usabas Google Fonts API desde el principio.

Probablemente tengas instalada la fuente en tu sistema, prueba desinstalarlo por un momento a ver si te funciona.

PD: Deberías optimizar un poco tu código, que cargas muchas cosas.

Saludos

NJS · #7 (**permalink**) 29/12/2011, 14:24

Prueba con esto :
http://www.fontsquirrel.com/fontface/generator

vicion · #8 (**permalink**) 02/01/2012, 16:08

Cita:

Iniciado por NJS

Prueba con esto :
[url]http://www.fontsquirrel.com/fontface/generator[/url]

Me das una mano con eso que me pasaste que tengo q hacer?
gracias por contestar!!
Feliz Año!!

Carlangueitor · #9 (**permalink**) 02/01/2012, 16:11

Ahí mismo dice que hacer:

Cita:

Usage: Click the "Add Fonts" button, check the agreement and download your fonts. If you need more fine-grain control, choose the Expert option.

Te descarga el kit para copiar y pegar e incluso un demo para que veas que funcione correctamente.

Saludos

vicion · #10 (**permalink**) 02/01/2012, 17:00

ok gracias!! pense que tenia que hace algo extra!!!
pruebo y les cuento como me fue!!!
Saludos y Muchas Gracias!!!