HTML CSS - пользовательские шрифты

-1

я нашел сервис, который позволит мне загрузить веб-шрифты: https://www.fontsquirrel.com/fonts/daniel HTML CSS - пользовательские шрифты

Я не веб-разработчик, но я помогаю кому-то, чтобы выяснить, что пошло не так.

Вот веб-сайт, который использует пользовательские шрифты: http://senschild.com

Я реализовал:

@font-face{ 

font-family: 'Daniel-Regular'; 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot'); 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') format('eot'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.woff') format('woff'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.ttf') format('truetype'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.svg#webfont') format('svg'); 

}

, но он не работает для меня. Шрифт по-прежнему остается на странице.

То, что я сделал, как хорошо:

я это исправил один, как вы сказали, и устранили эту часть '../ как мы не должны двигаться вверх, как сказал Maneesh. Также я отредактировал css, удалив font-family: JakobCTT; от тела, но все равно не работает. Я даже добавил английские слова, предполагая, что шрифт предназначен только для английских символов.

источник

2016-06-20 Matrosov Alexander

Вы обеспечили, чтобы URL-адреса указывали на правильное место? Я не вижу никаких шрифтов, загружаемых в ресурсы для указанной вами ссылки. Помните, что '..' означает переместить одну папку вверх, поэтому, если вы добавили этот код на свою HTML-страницу, вам нужно ссылаться на' fonts/[FILE_URL_HERE] ' – Maneesh

@Maneesh, спасибо, действительно, просто исправил его, но все же не работа. –

http://senschild.com здесь я не могу найти шрифт и связать семейство шрифтов. –

-1

Вот ваше исправление: Добавьте стиль к элементам html, на которые вы хотите применить шрифт. Если вы хотите, чтобы шрифт был применен для всей веб-страницы, добавьте следующий стиль для тега body либо в html, либо в css.

font-family: 'Daniel-Regular';

Попробуйте это:

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?#iefix')

вместо

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix')

Там должно быть ?#iefix не только ?iefix

источник

2016-06-20 09:16:56

спасибо, я также исправил это, как вы сказали, и исправил эту часть '' ../ ', поскольку нам не нужно двигаться вверх, как сказал Маниш. Также я отредактировал css, удалив font-family: JakobCTT; от тела, но все равно не работает. Я даже добавил английские слова, предполагая, что шрифт предназначен только для английских символов. –

@MatrosovAlexander Попробуйте удалить часть '# iefix' и проверьте. Это может сработать. –

файлы шрифтов вы используете, по всей видимости, поврежден, как указывает Failed to decode downloaded font. У меня была эта проблема много раз, прежде чем при использовании генератора webfont на https://www.fontsquirrel.com.

Edit: Если вы загрузите файл .OTF и генерировать WebFont с https://www.web-font-generator.com/ это, кажется, работает нормально.

источник

2016-06-20 09:27:31

HTML CSS - пользовательские шрифты

ответ

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