Вес шрифта не применяется к шрифту Typekit

У меня возникли проблемы с объявлением веса шрифта для шрифта typekit. У меня правильно установлен шрифт, и он использует правильный шрифт на всем сайте. Однако для полужирной версии шрифта я хочу использовать вес proxima nova 900. В редакторе набора на typekit я включил только версию 900 и версию 300. Для основной копии 300, кажется, отображается правильно ... версия 900 не отображается ни на одном компьютере, на котором не установлен вес 900 напрямую.

Я вижу, как он отображается, потому что у меня установлен шрифт на моем компьютере, но никто другой не может. Они просто видят жирный шрифт, который, как я предполагаю, по умолчанию имеет вес 700.

Он должен быть виден во всем тексте заголовка (h1, h2 и т. д.) и как жирный сильный тег по умолчанию. Любые идеи о том, что может происходить?

Сайт находится здесь: southernkentuckyeye.com/wp/ (он находится в разработке, так что не осуждайте меня. )


wordpress html fonts css typekit
person Harlan Bowling    schedule 14.05.2014    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Я понял это некоторое время назад ... Это оказалось действительно глупой ошибкой, но ради улыбки я решил опубликовать ее здесь. (Особенно, если у кого-то еще есть проблемы.)

То, как я объявлял шрифт в CSS...

{ семейство шрифтов: "Proxima Nova", без засечек; }

Показывал бы шрифт на моем компьютере, потому что у меня был установлен шрифт на моем компьютере. Я знал это и думал, что так оно и есть. Чего я не мог понять, так это почему Typekit все равно не отображает шрифт. Оказывается, это потому, что я неправильно объявил шрифт в CSS. Вот правильный способ...

{ семейство шрифтов: "proxima-nova", без засечек; }

Опять же, глупо, я знаю, но теперь это работает. Убедитесь, что вы обращаете пристальное внимание на то, как вы объявляете шрифты typekit в CSS.

person Harlan Bowling    schedule 06.06.2014

arrow_upward
0
arrow_downward

Вы не указали, как вы связали шрифты, но если вы хотите использовать «полужирный» или «наклонный», лучший способ — включить их следующим образом:

@font-face {
    font-family: "Your font";
    src: url("fonts/your-font.ttf");
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-style: italic, oblique;
}
@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/your-font.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}

В противном случае вместо использования font-weight: bold вы можете использовать font-weight: 900

person Talk nerdy to me    schedule 14.05.2014
comment
Я связал шрифты с помощью скрипта встраивания typekit... code <script type="text/javascript" src="//use.typekit.net/smx2yxc.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> - person Harlan Bowling; 14.05.2014
comment
@Harlan Bowling Вы пытались использовать font-weight: 900 вместо font-weight: bold? - person Talk nerdy to me; 15.05.2014