Articles of font face

SVG не использует шрифт, если внутри HTML

У меня есть SVG, который отлично отображается в Chrome, но когда я использую его на HTML-странице, он не использует правильный шрифт, вместо этого использует значение по умолчанию. TEST SVG отображается в Chrome, но при отображении на HTML-странице он не использует правильный шрифт. Что мне не хватает? Добавление. Хотя действительное решение было предложено ниже, я обнаружил, […]

Что может быть причиной того, что @ font-face не работает?

У меня есть простой пример, где по какой-то причине определение @ font-face будет работать только для Chrome и не работает в FireFox, Safari и IE : https://jsfiddle.net/d8e6xz7e/1/ HTML: This is the original font This should be bold! But it is not in IE, Safari and FireFox CSS: @font-face { font-family: ‘Lucida Bold Italic’; font-style: italic; […]

@ font-face работает в Chrome, но не в IE или Firefox

Это довольно запутывает меня. Я использую font-squirrel для загрузки веб-набора, чтобы показать собственный шрифт. вот ссылка на шрифт: http://www.fontsquirrel.com/fontfacedemo/League-Gothic Если вы посмотрите на главную страницу прямо сейчас: http://www.simonsayswebsites.com/ основной текст в середине говорит «Пользовательские построенные веб-сайты, предназначенные для получения большего количества клиентов». Он отлично выглядит в хроме, как и должно быть, но если вы посмотрите […]

Внешний шрифт не работает в Foundation.Zurb CSS

Я хочу добавить внешний шрифт «Droid Serif», и я помещаю шрифт в файл foundation.css. вот код @font-face{ font-family: ‘MyWebFont’; src: url(‘../font/DroidSerif-Bold-webfont.eot’); src: url(‘../font/droid-bold/DroidSerif-Bold-webfont.eot?iefix’) format(‘eot’), url(‘../font/droid-bold/DroidSerif-Bold-webfont.woff’) format(‘woff’), url(‘../font/droid-bold/DroidSerif-Bold-webfont.ttf’) format(‘truetype’), url(‘../font/DroidSerif-Bold-webfont.svg#webfont’) format(‘svg’); } теперь я называю имя в теле body { background: #edebda; color: #222222; padding: 0; margin: 0; font-family: “MyWebFont”,”Helvetica Neue”, “Helvetica”, Helvetica, Arial, sans-serif; font-weight: […]

jQuery заменяет «малые шапки» – содержимое дублирует HTML между тегами

Я нашел этот кусок jQuery, который на самом деле позволяет реплицировать «font-variant: small caps». Обычно это не проблема, но я использую @ font-face, и мало что знаю, что она не играет хорошо с font-variant-small-caps в Chrome, Safari, IE. Короче говоря, код работает SWEET, но у него есть один недостаток – по какой-то причине он ищет […]

font-face не работает на хостинг-провайдере

У меня проблема, когда я размещаю веб-сайт: перед хостингом, когда я запускаю веб-сайт локально на своем компьютере, шрифт был в порядке, но при его размещении шрифт не работает. (Я использую шрифт для pdf на моей веб-странице, и я использую dompdf для преобразования в pdf) Здесь код: /* latin-ext */ @font-face { font-family: ‘Great Vibes’; font-style: […]

Почему 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 файлы, но шрифты не отображаются в любом браузере правильно. Шрифты […]