Медленный рендеринг с использованием «рубленый»

У меня есть нечетный вопрос на моем сайте «в процессе развития» здесь: http://www.cphrecmedia.dk/musikdk/stage/Медленный рендеринг с использованием «рубленый»

В H1-H6 шрифты просто «без засечек», но часто в Chrome он показывает другой шрифт (снимок экрана: http://cl.ly/image/260B0H0l1w0C). Когда мышь наведет навигацию, она изменится на нужный шрифт. FYI это то, как это должно выглядеть следующим образом: http://cl.ly/image/442l071M3N1B

Код, используемый для шрифта:

.nm li a { 
    float: left; 
    font-family: sans-serif; 
    height:22px; 
    padding: 12px 14px 7px 14px; 
    color:@white; 
    font-size: 12px; 
    line-height: 20px; 
}

я в основном развиваются с помощью Chrome, так что я не уверен, что если проблема присутствует и в других браузерах. Кто-нибудь из вас видел эту проблему раньше?

источник

2013-10-08 Morten Hjort

Это не Twitter. Пожалуйста, не сокращайте свои URL-адреса и не включайте соответствующий код в свой вопрос. –

Теперь отредактирован. Остальные ссылки не являются шортами (или, по крайней мере, служба не предоставляет другие URL-адреса) –

Добро пожаловать;) –

«без засечек» не является именем шрифта, это семейство шрифтов спецификации.

Используйте шрифт без засечек, например, «Arial» или «Verdana», иначе вы получите неожиданные результаты (браузер может заменить ваш шрифт на общие).

источник

2013-10-16 08:19:23

Кажется, он исправил его. Благодаря! –

Попробуйте использовать собственный метод шрифтов, загрузив шрифт и сохранив его в папке с вашими шрифтами.

Пример:

@font-face { 
font-family: myFirstFont; 
src: url('Sansation_Light.ttf') 
    ,url('Sansation_Light.eot'); /* IE9 */ 
} 

div 
{ font-family:myFirstFont; }

источник

2013-10-08 12:06:39 vishalkin

Но мне не нужны какие-либо пользовательские шрифты (я уже использую это для веб-сайтов). Было бы разумнее сохранить этот http-запрос, который я думаю –

Попробуйте использовать пользовательский веб-шрифт из Google:

http://www.google.com/fonts

Выберите шрифт и использует один из трех metods, я предпочитаю метод CSS.

Пример:

@import url(http://fonts.googleapis.com/css?family=Roboto);

Импорт этого в CSS и использовать это для вас текст: font-family: 'Roboto', sans-serif;

источник

2013-10-16 07:55:31 Reverter

Медленный рендеринг с использованием «рубленый»

ответ

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