Я делаю сайт, на котором я использую шрифт "PT Sans Narrow"
Кажется, Chrome и многие браузеры не имеют этого шрифта.
Есть ли способ, с помощью которого этот шрифт может быть включен в веб-сайт при загрузке, чтобы зрители могли видеть PT Sans Narrow?
Веб-сайт можно увидеть здесь
Как можно видеть, "Привет! Я..." и т.д. Не находится в PT Sans Narrow.
Как сделать этот шрифт и все другие PT Sans узким?
Помощь глубоко оценена!
Вы захотите поместить ссылку в свой заголовок на шрифт.
<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 в теле, поэтому все должно работать нормально, если вы просто добавите ссылку в заголовок.
После прочтения ваших комментариев и просмотра скриншотов я не думаю, что 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;
Поиграйте с ним и дайте мне знать, что вы придумали.
Вы можете загрузить файл шрифта и загрузить его в свой CSS.
загрузить и использовать его как
@font-face {
font-family: "Custom font";
src: url("../fonts/customFont-Regular.ttf");
}
в вашей таблице стилей.
также см.: Использование пользовательских шрифтов с использованием CSS?