font-face не работает с китайским шрифтом

Как уже сказано в заголовке: font-face не работает с моими китайскими шрифтами.

Я загрузил несколько китайских шрифтов, но по какой-то причине мой CSS не распознает их. Это CSS, который я использую:

@font-face
{
    font-family: 'chinese';
    src: url('chinese.ttf') format('truetype');
}

html {
    height:100%;
    font-family:"chinese";
}

Теперь, если я изменю URL-адрес на «нормальный» шрифт, он заработает; также для загруженных шрифтов (тестировал с Din). К сожалению, «обычные» шрифты не поддерживают китайский язык, поэтому символы останутся без изменений.

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

Может быть, мне нужно сделать что-то еще для китайского? Или что это?


css font-face
person Richard van Hees    schedule 02.04.2013    source источник
comment
в каком браузере вы находитесь? Ответ Джона Питера ниже может помочь, но вы захотите преобразовать свой шрифт в несколько форматов шрифтов для кросс-браузерной совместимости .... fontsquirrel.com имеет генератор, который вы можете использовать. если это не сработает, воспользуйтесь советом Джона   -  person albert    schedule 02.04.2013
comment
Укажите источник шрифта и / или дайте ссылку на онлайн-демонстрацию проблемы. (Например, возможно, что шрифт не закодирован в Юникоде.) Также проверьте, работает ли шрифт в целом (например, в Блокноте), если он установлен в вашей системе.   -  person Jukka K. Korpela    schedule 02.04.2013

Ответы (3)


arrow_upward
4
arrow_downward

При объявлении семейства китайских шрифтов обычно рекомендуется ввести латинизацию шрифта (например, «SimHei») и объявить китайские символы как отдельный шрифт в том же объявлении. Это помогает ссылаться на файл шрифта независимо от того, хранился ли он в локальной системе под китайским или западным именем - здесь вы охватываете все свои базы.

Пример:

font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;

Для справки: Хорошие правила использования китайских шрифтов в CSS

Думаю, это поможет вам решить вашу проблему.

person John Peter    schedule 02.04.2013

arrow_upward
0
arrow_downward

сослаться на этот пост,

Думаю, вам нужен такой же ответ :)

http://stackoverflow.com/questions/15756093/is-the-css-right/15756147#15756147

конвертировать шрифты в "woff"

это решит вашу цель ..

Образец :

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

вам нужно изменить имя шрифта и URL-адрес :)

person MarmiK    schedule 02.04.2013

arrow_upward
0
arrow_downward

Насколько мне известно, в Тайване есть служба, которая может помочь вам использовать другой китайский шрифт.

http://en.justfont.com/fonts

Из-за большого размера файла китайского шрифта рекомендуется использовать облачный сервис Google. Но подходящего китайского шрифта на нем нет. Так что вы можете попробовать этот сервис веб-шрифтов justfont.

  1. Выберите любой шрифт для определенного веса шрифта. Затем он будет добавлен в ваш проект.
  2. Выберите свой селектор, например .notosans, #notosans или h2
  3. Нажмите кнопку «JS» и получите код для своих настроек.
  4. Добавить перед <body>
  5. Вставьте свой класс или идентификатор.

Попробуйте и получите свой красивый китайский шрифт. :)

person chenghuayang    schedule 13.05.2015