Articles of font face

Почему Arial Black Rendering в курсивном?

Работая над сайтом, дизайнер решил использовать Arial Black в качестве шрифта h1 & h2. Все хорошо, однако, используя этот шрифт, я быстро обнаружил его в курсив. Кто-нибудь еще сталкивается с этой проблемой? и если да, то каково было ваше решение исправить это? Я не уверен, что могу оправдать покупку Arial Black как своего стандартного шрифта […]

Шрифт Raleway добавляет дополнительное дополнение к верхней части текста только для Windows

Я использую шрифт Raleway, предоставляемый веб-шрифтами Google, и я обнаружил, что на моей машине с Windows 7 (протестированной с помощью IE9, Firefox, Chrome, Safari) добавление дополнений добавляется в верхнюю часть текста. Когда я проверю это на своем Mac (протестирован с Firefox, Chrome, Safari), все в порядке. Если я выберу другой шрифт из веб-шрифтов Google, это […]

на этой странице используется только load @ font-face

У меня есть несколько шрифтов @ font-face в моей таблице стилей, есть ли способ загрузки только тех, которые используются на этой странице? Помимо загрузки отдельной таблицы стилей для каждой страницы с этим шрифтом.

@ font-face не загружает шрифты на веб-страницы

Я разрабатываю сайт на местном уровне, поэтому мой сервер WAMP в Windows 8 обслуживает страницы. Этот сайт будет размещен на защищенном сервере, поэтому по соображениям безопасности я не могу использовать fonts.google.com CDN в исходном коде. Я хочу использовать директиву @font-face для встраивания шрифтов в .css файлы, но шрифты не отображаются в любом браузере правильно. Шрифты […]

Жирные шрифты в Google Chrome размыты (@ Font-Face)

Недавно после обновления браузера Google Chrome до Version 32.0.1700.76 m я заметил, что жирные шрифты имеют эффект размытия / тени на моих сайтах, используя @font-face . Вот пример сайта с жирным шрифтом . Вот пример сайта с жирными заголовками . Перед обновлением моего Chrome эти сайты отображали шрифт правильно, я тестировал шрифты в следующих браузерах, […]

Пользовательский шрифт STILL не работает в IE

Веб-страница, где я пытаюсь получить пользовательский шрифт «Duke-Fill» для отображения, – http://www.hamlinforcongress.com/helpout.php Я использую: @font-face { font-family: ‘header_font’; src: url(‘Duke-Fill.eot?#iefix’) format(’embedded-opentype’), url(‘Duke-Fill.woff’) format(‘woff’), url(‘Duke-Fill.ttf’) format(‘truetype’), url(‘Duke-Fill.svg#svgFontName’) format(‘svg’); } .header_font{ font-family: header_font; } Я пробовал все другие предложения, которые я могу найти в Интернете, но ничто не может сделать отображение пользовательских шрифтов в Internet Explorer. Он […]

Использование отдельных шрифтов для двух разных языков

Я пытаюсь использовать два разных шрифта для двух разных языков. Но оба шрифта пересекаются друг с другом, что создает трудности при чтении текста. Вот что я пытаюсь; CSS: @font-face { font-family: ‘Jameel Noori Nastaleeq’; src: url(../../../fonts/Jameel Noori Nastaleeq.ttf) } а затем в области, где написан мой text этот class CSS был использован: CSS: .post_body { […]

@ font-face Чернильный шрифт

Я уже давно использовал шрифт-белку и был действительно доволен своим генератором и методом @ font-face, поскольку он не создает FOUT. Но недавно проект пришел для разработки, и когда я попытался сгенерировать, он дал ошибку Шрифт abc.otf занесен в черный список Генератором. сожалею Где abc.otf – файл шрифта. Теперь клиент приобрел лицензию на шрифт, только проблема […]

Использование шрифтов fork для OS 9 в CSS с @ font-face

У меня есть несколько старых шрифтов OS 9, которые содержат данные шрифта в вилке ресурса. Когда я пытаюсь связать такой шрифт с шрифтом @ font-face и открываю HTML в браузере, текст по-прежнему отображается в шрифте по умолчанию. При поиске я обнаружил, что данные шрифта могут быть скопированы в обычный файл ttf с использованием атрибута rsrc. […]

Пользовательский шрифт Font-face CSS

Кто-нибудь может понять, почему этот пользовательский код шрифта не работает для меня, шрифт помещается в корень моего каталога, и я пробовал различные форматы шрифтов. CSS @font-face { font-family: pacifico; src: url(pacifico-webfont.woff); } #nav ul li { font-family:pacifico; font-size:18px; display: block; margin-left:30px; } HTML Home About Me Portfolio Contact