Шрифт веб-сайта Отличается при просмотре на компьютере до загрузки на веб-хостинг. Как исправить?

Question

Шрифт веб-сайта Отличается при просмотре на компьютере до загрузки на веб-хостинг. Как исправить?

0

Я делаю сайт, на котором я использую шрифт "PT Sans Narrow"

Кажется, Chrome и многие браузеры не имеют этого шрифта.

Есть ли способ, с помощью которого этот шрифт может быть включен в веб-сайт при загрузке, чтобы зрители могли видеть PT Sans Narrow?

Веб-сайт можно увидеть здесь

Как можно видеть, "Привет! Я..." и т.д. Не находится в PT Sans Narrow.

Как сделать этот шрифт и все другие PT Sans узким?

Помощь глубоко оценена!

Shubham 19 дек. 2013, в 15:40

Источник

Теги:

html

css

fonts

3 ответа

Ещё вопросы

mr.musicman · Answer 1 · 2013-12-19T11-29-00.000Z

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

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>

то вашему html потребуется что-то вроде этого:

<span class="pt-sans-narrow">Hi! я am...</span>

и ваш css будет выглядеть так:

#pt-sans-narrow {
    font-family: 'PT Sans Narrow', sans-serif;
}

редактировать

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

Я просто добавил ссылку в шапку, но изменений не было. Должен ли я пойти внести изменения в HTML и CSS тоже тогда?
дай мне секунду. Позвольте мне взглянуть на это
это на самом деле работает. Шрифт загружается просто отлично и применяется к сайту. Просто предположение, но, возможно, вы искали другой вес шрифта? Ваш ожидаемый результат более худой, крупный, с засечками? Как вы ожидаете, что это будет выглядеть?
Я хочу, чтобы это выглядело так: prntscr.com/2ccmtm
Теперь все отлично работает. Опробовал метод снова!

mr.musicman · Answer 2 · 2013-12-22T01-23-00.000Z

После прочтения ваших комментариев и просмотра скриншотов я не думаю, что PT Sans Narrow - это то, что вам нужно. Поскольку вопрос касается PT Sans Narrow, мой другой ответ по-прежнему стоит, но вот несколько советов:

Попробуйте добавить это в заголовок вместо двух экземпляров PT Sans Narrow:

<link href='http://fonts.googleapis.com/css?family=Lato:400,300|Source+Sans+Pro:400,300' rel='stylesheet' type='text/css'>

Затем вы можете поиграть со шрифтом тела. Эти шрифты похожи на то, что вам нужно, и вы можете сделать что-то вроде:

body {
   font-family: 'Lato', sans-serif;
   font-weight: 300;
}

Я думаю, что больше того, что тебе нужно. Попробуйте настроить, а также изменив

font-weight:400;

или

font-family: 'Source Sans Pro', sans-serif;

Поиграйте с ним и дайте мне знать, что вы придумали.

gaurav5430 · Answer 3 · 2013-12-19T12-47-00.000Z

Вы можете загрузить файл шрифта и загрузить его в свой CSS.

загрузить и использовать его как

@font-face {
    font-family: "Custom font";
    src: url("../fonts/customFont-Regular.ttf");
}

в вашей таблице стилей.

также см.: Использование пользовательских шрифтов с использованием CSS?

Я сделал ваше предложение, не сработало. Я прочитаю статью и попробую еще раз. Спасибо!
также проверьте это на blog.themeforest.net/tutorials/…