2014-12-12 2 views
-2

Я пытаюсь создать веб-страницу, для некоторых из заголовков, мне нравится использовать oswald шрифт, поэтому вставили следующую строку кода в <head> под «»:Освальд шрифт из шрифтов Google не работает

<link rel="stylesheet" type="text/css" 
href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700" 
media="screen"> 

но не работает. Я тестирую страницу локально.

+0

Помимо загрузки шрифта, где находятся правила CSS, в которых вы его применили? – j08691

+0

Вы применили код css? 'HTML {семейство шрифтов: "Освальд"; font-size: 14px;} ' – ncubica

+0

Использовать семейство шрифтов:« Oswald » –

ответ

1

Вы должны использовать именно тха же имя шрифта, объявленных на Google CSS:

html{ 
font-family:"Oswald"; // Capitalized Name!!!! :) 
font-size:14px; 
} 

Если вы по этой ссылке - https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700- Там вы можете заметить, что они объявляют font-family: 'Oswald';

+0

Я использовал «Освальд», но он не работает. – Sam

+0

Попробуйте что-то ... поскольку вы пытаетесь это локально попытаться поместить это на самый верх вашего листа css: –

+0

При попытке локального использования этого кода попытайтесь включить в верхней части таблицы стилей следующий импорт: @import url ("https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700"); –

2

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Oswald:400,700" media="screen"> 
 

 

 
<h1 style="font-family: 'Oswald'">It works</h1>

+0

Я применил ваше предложение, но оно не работает – Sam

+0

Какой у вас веб-браузер (+ версия n °)? – Freez

+0

Я проверил код на опере и хроме и последнюю стабильную версию – Sam

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