Атрибут «языки» изменил настройки шрифта в браузере Google Chrome

Например:Атрибут «языки» изменил настройки шрифта в браузере Google Chrome

<!doctype html> 
<html lang="zh-cn"> 
    <head> 
     <style type="text/css"> 
      body 
      { 
       font-family: sans-serif; 
      } 
     </style> 
    </head> 
    <body> 
     <div>Test.</div> 
    </body> 
</html>

Этот HTML-документ отображается шрифт, который не мой браузеры без засечек шрифт. Для меня это SimSun.

<!doctype html> 
<html> 
    <head> 
     <style type="text/css"> 
      body 
      { 
       font-family: sans-serif; 
      } 
     </style> 
    </head> 
    <body> 
     <div>Test.</div> 
    </body> 
</html>

И это нормально.

Это влияет только на шрифт в Google Chrome, я думаю, что это может быть связано с CSS-свойством «-webkit-locale».

Это нормально? Как установить шрифт для «sans-serif», чтобы атрибут «lang» не менял шрифт?

источник

2012-05-19 EFanZh

Это, кажется, влияет на Firefox и Opera, а также. –

«В китайских версиях Microsoft Windows XP и старше, шрифты по умолчанию интерфейса является seriffed (MingLiu и SimSun), что не согласуется с без засечек моделирования использования в большинстве других (в том числе Восточной Азии) в регионах Начиная с Windows Vista шрифты интерфейса по умолчанию во всех регионах были изменены на стили sans-serif, используя Microsoft JhengHei в традиционном китайском окружении и Microsoft YaHei в упрощенной китайской среде ».

От Wikipedia.org http://en.wikipedia.org/wiki/East_Asian_sans-serif_typeface

Решение:

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

В качестве альтернативы вы можете использовать правило lang (Lang-Code), чтобы различать стили шрифтов. Вот пример:

<!doctype html> 
<html> 
    <head> 
     <meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'> 
     <style type="text/css"> 
     body { 
      font-family: "Times New Roman", serif; 
     } 
     :lang(zh-ch){ 
      font-family: SimSum-18030,SimHei, serif; 
     } 
     </style> 
    </head> 
    <body> 
     <div lang="zh-ch">Chinese font </div> 
     <div>Default font.</div> 
    </body> 
</html>

Демо: http://jsfiddle.net/wCuND/

Более подробная информация здесь.

http://www.w3.org/International/questions/qa-css-lang.en.php

источник

2012-05-19 03:34:06

Атрибут «языки» изменил настройки шрифта в браузере Google Chrome

ответ

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