Google шрифт просто не работает

Я следил за инструкциями на веб-сайте google fonts поверх страницы, и моя веб-страница отображается так же, как и на моем ноутбуке, однако FJALLA ONE шрифтов не загружается ни на один другой компьютер или устройство ,Google шрифт просто не работает

Я делаю что-то неправильно? Могу ли я хранить шрифты в папке и связывать их как файл css?

Вот мой HTML - часть 1:

head> 

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

часть 2:

<div class="box"> 
     <h1 class="animated bounceInDown">SHEREE WALKER </h1> </div>

Мой CSS

.box h1 { 
    font-family:'FjallaOne', sans-serif; !important; 
    font-size:45px; 
    text-align:center; 
    color:#FFF; 
    padding-top: 10%; }

ли я что-то отсутствует? Любая помощь будет потрясающей. Я нахожусь на своем пути.

источник

2015-07-10 Mr Toad

Извините, я смущен. Вы говорите, что это работает на некоторых компьютерах? Как насчет другого шрифта, который вы используете? Он отображается на всех компьютерах? – Michelangelo

Ваша проблема, вероятно, существует в этом фрагменте кода:

font-family:'FjallaOne', sans-serif; !important;

должно быть

font-family:'Fjalla One', sans-serif !important;

ИЛИ

font-family:'Fjalla One', sans-serif;

Если это все еще не исправить это попробуйте удалить , sans-serif

источник

2015-07-10 00:14:48 Zach

К сожалению, это все еще не работает. Я действительно не знаю, что происходит. –

@ShereeWalker Пожалуйста, просмотрите ссылку, которую Mikey отправил в jsfiddle, и убедитесь, что ваш похож на его пример. Это может быть цвет, который заставляет его казаться, что он не работает. Если это все еще не работает, можете ли вы указать ссылку на эту веб-страницу? – Zach

На самом деле я просто проверил ссылку google и в вашей семье шрифтов вам понадобилось место, чтобы оно выглядело так: «font-family:« Fjalla One »;' – Zach

Ваша проблема не в коде. Это нормально. Я бы удалил !important, хотя это необязательно, и синтаксис тоже не правильный, но код все равно будет работать даже с неправильным синтаксисом.

В чем проблема: текст белый, поэтому вы никогда не увидите его на белом фоне. Вы можете видеть его здесь, работая с красным текстом->http://jsfiddle.net/sxntrvrj/1/

h1 { 
    font-family: 'Fjalla One', sans-serif; 
    font-size:45px; 
    text-align:center; 
    color:red; 
    padding-top: 10%; 
}

источник

2015-07-10 00:24:39 Michelangelo

Еще до «важного» это не сработало. Я только что загрузил свой сайт (незавершенный), чтобы посмотреть - когда я просматриваю его на любом другом компьютере, главный заголовок разваливается. Он работает только на моем ноутбуке, где у меня установлены шрифты. –

shereewalker.com –

Вы знаете, что вам не нужно ничего устанавливать, загружаемые шрифты Google загружаются с удаленного сервера. Он отлично работает на моем компьютере.Я выложу изображение на экране, хотя шери-ходок перекрывает друг друга. – Michelangelo

ответ

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