Простой шрифт не меняется

<p style=" font-family: 'Grinched 2.0'; 
    font-size:50px; 
    margin-left:150px; 
    top:1500px; 
    position: absolute;">Apply now for a position in our team, send us</p>

Его очень глупый вопрос, но серьезно его 3 часа сейчас, и я не могу его решить!Простой шрифт не меняется

Это простой html-код, где я устанавливаю свой шрифт! Когда я обращаюсь к нему с компьютера, он работает хорошо! Но когда я обращаюсь к сайту через мобильный, атрибут семейства шрифтов не применяется! Остальные вещи, такие как позиции, работают нормально! В чем вина?

источник

2015-08-05 Jayant Kudav

хорошо, делает ваш мобильный еще что установленный шрифт ? говоря, что это работает на вашем рабочем столе, бесполезно. «ну, гей, говорящий немецкий работал, когда я был в Германии, почему он не работает в Китае?» –

вы можете разместить шрифт на своем сервере или использовать CDN, например, как сказал @MarcB, вам нужно «научить» своего «китайца» говорить «немецкий». –

Я сделал 2 версии сайта! Один из них является мобильным, а другой совместим с рабочим столом. Даже если вы говорите, что шрифт не установлен на мобильном устройстве, но я могу видеть шрифт на сайте, когда я обратился к сайту версии для настольных ПК через мобильный телефон! поэтому я могу сказать, что это не проблема установки шрифтов. –

Как указано в @Marc B, если у вас нет шрифта, установленного на вашем мобильном телефоне, он не будет отображаться.

Чтобы интегрировать шрифт не по умолчанию в Интернете, вам необходимо использовать правило @font-face. После того, как вы зарегистрировали свой шрифт с помощью @ font-face, вы можете использовать его в своем css. Тем не менее, рекомендуется всегда сохранять шрифт по умолчанию как резерв для браузеров, которые не поддерживают @font-face, или если что-то случится с вашим шрифтом.

Вот Exemple из Mozilla Developper Network

@font-face { // This will register your font 
    font-family: "Bitstream Vera Serif Bold"; 
    src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf"); 
} 

p { //Then you can use it like so 
    font-family: "Bitstream Vera Serif Bold", serif; 
}

UPDATE

Теперь, когда мы можем видеть ваш сайт, я уверен, что этот вопрос исходит из того, что вы не» t зарегистрировать шрифт Grinched 2.0. Это объясняет, почему при просмотре с вашего рабочего стола (с установленным шрифтом) либо на сайте будет отображаться шрифт, но не на мобильном устройстве.

Если вы следуете моему примеру выше, он будет работать. Этот маленький инструмент может помочь вам подготовить шрифт и даст вам нужный код: http://www.fontsquirrel.com/tools/webfont-generator

источник

2015-08-05 14:19:39 Pipo

Ну я сделал это: @ font-face { font-family: "Grinched 2.0"; src: url ("http://tgg.esy.es/Grinched 2.0.ttf"); } –

но не работает !? –

Переименуйте файл grinched20.ttf (без пробела), а затем измените свой URL с новым именем файла: 'url (tag.esy.es/grinched20.ttf)'. Вам также понадобятся 'woff',' woffs' и 'svg' формат, если вы хотите, чтобы он работал на всех устройствах и в браузерах. – Pipo

Этот шрифт доступен на вашем сайте и настроен в css? Для экс .:

myfont.css файл

@font-face { 
    font-family: 'Grinched 2.0'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(/fonts/Grinched 2.0.eot); /* For IE6-8 */ 
    url(/fonts/Grinched 2.0.woff) format('woff'), 
    url(/fonts/Grinched 2.0.woff2) format('woff2'), 
    url(/fonts/Grinched 2.0.ttf) format('truetype'), 
    url(/fonts/Grinched 2.0.svg) format('svg'); 
}

и использовать это в HTML:

<link rel="stylesheet" href="/css/font-material.css">

и CSS:

p { 
    font-family: 'Grinched 2.0'; 
}

источник

2015-08-05 14:19:53 lgabster

ohkk Мне нужно попробовать! –

Простой шрифт не меняется

ответ

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