Google Chrome не правильно отображает шрифты

Привет, я работаю над этим сайтом bamboo-intranet.com. Недавно я заметил, что шрифт веб-сайта в меню не загружается хорошо в браузере Chrome Chrome, он застревает без каких-либо стилей, я пытался решить эту проблему, но не мог найти, что не так. Я хотел бы знать, знает ли кто, что может быть моей проблемой. Я также добавляю стили CSS, которые я использую для меню и синтаксиса html, чтобы вы могли видеть, что-то не так.Google Chrome не правильно отображает шрифты

Скриншот: enter image description here

HTML код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="es"> 
<!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Bamboo - Intranet Software</title> 
    <meta name="description" content="Pequeñas, medianas y grandes compañías han implementado Bamboo Intranet como su plataforma de comunicación interna. Organizando, facilitando y agilizando dramáticamente las labores del día a día."> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
    <meta property="og:title" content="Bamboo - Intranet Software" /> 
    <meta property="og:description" content="Pequeñas, medianas y grandes compañías han implementado Bamboo Intranet como su plataforma de comunicación interna. Organizando, facilitando y agilizando dramáticamente las labores del día a día." />  
    <meta property="og:url" content="http://bamboo-intranet.com" /> 
    <meta property="og:image" content="http://bamboo-intranet.com/img/fbthumb.jpg"/> 
    <link href="img/favicon.png" rel="shortcut icon" type="image/x-icon" /> 
    <link rel="stylesheet" type="text/css" href="css/normalize.min.css"> 
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
    <link rel="stylesheet" type="text/css" href="css/main.css"> 
    <link rel="stylesheet" type="text/css" href="skins/tango/skin.css" /> 
    <link rel="stylesheet" href="css/sprites.css" /> 
    <link rel="image_src" href="http://bamboo-intrantet/img/fbthumb.jpg" /> 
</head> 
<body> 
    <!-- HEADER --> 
    <header class="step0"> 
     <a href="http://bamboo-intranet.com/"><div class="logo"><img src="images/logo-bamboo.png" alt="Bamboo Intranet Software" /><h1>Bamboo - Intranet Software</h1></div></a> 
     <nav> 
      <ul> 
       <li> 
        <a href="#container">CARACTERÍSTICAS</a> 
       </li> 
       <li> 
        <a href="#screenshots">SCREENSHOTS</a> 
       </li> 
       <li> 
        <a href="#beta_test">VERSIÓN DE PRUEBA</a> 
       </li> 
      </ul> 
     </nav> 
    </header> 
    <!-- /HEADER -->

CSS код:

nav { 
    float: right; 
    height: auto; 
    margin: 10px 42px 10px 0; 
    width: auto; 

} 

nav ul { 
    padding: 0; 
    margin: 0; 
} 

nav li { 
    list-style: none; 
    float: left; 
    font-size: 13px; 
    color: #525252; 
    margin-right: 5px; 
} 

nav a { 
    text-decoration: none; 
    padding: 16px 14px; 
    border-radius: 4px; 
    line-height: 42px; 
    color: #767676; 
    transition: all .2s ease; 
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    font-family: 'Roboto', arial; 
} 

nav a:hover { 
    background-color: #262626; 
    color: #ffffff; 
}

источник

2013-09-02 Jhonnatan Gonzalez Rodriguez

Попробуйте быть более конкретным,

nav ul li { 
    list-style: none; 
    float: left; 
    font-size: 13px; 
    color: #525252; 
    margin-right: 5px; 
} 

nav ul li a { 
    text-decoration: none; 
    padding: 16px 14px; 
    border-radius: 4px; 
    line-height: 42px; 
    color: #767676; 
    transition: all .2s ease; 
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    font-family: 'Roboto', arial; 
} 

nav ul li a:hover { 
    background-color: #262626; 
    color: #ffffff; 
}

Если это не решит ваши классы использования проблемы, если это не решит вашу проблему, используйте опцию проверки элемента в вашем браузере и посмотрите, что CSS действует на HTML

вы можете разместить ссылку на сайт?

источник

2013-09-02 15:59:17

привет, ссылка www.bamboo-intranet.com У меня действительно были такие стили, как это, но изменены, чтобы проверить это. –

Привет, Похоже, что ссылка работает, протестировав их в моем браузере, они выглядят на 100% правильно. Хорошая работа на сайте выглядит хорошо, хотя я не понимаю испанский. Это может быть длинный выстрел, но не забудьте проверить нормализатор в будущем, он может помочь с такими проблемами. Вот ссылка: http://necolas.github.io/normalize.css/ –

Cool Man рад, что вы его работали и заставил своего босса с твоей спины, На самом деле не знаю, почему этот JS сделал это урод, но он работает так ... Хорошая работа действительно потрясающий сайт! хорошо держаться –

Google Chrome не правильно отображает шрифты

ответ

Смежные вопросы