Articles of webfonts

Является ли type = “text / css” обязательным для элемента ?

Я пытаюсь использовать Google Web Fonts, и на официальном сайте рекомендуется использовать включая атрибут type , следующим образом: ` В официальном сайте шаблона HTML5 они пропускают атрибут type Согласно этому довольно старому ответу , в HTML5 атрибут type является необязательным в и обязательным для . Однако версия без атрибута type проверяет достоверность в валидаторе W3C […]

Сочетания букв «fi» и «fl» не отображаются браузерами

У меня есть следующая проблема: для моего сайта я выбрал webfont «Fira Sans Condensed» из Google Fonts (латинский, латинский, кириллический, кириллический). Для создания форматов шрифтов я использовал Font Squirrel , который генерировал для меня файлы с расширениями .woff и .woff2 . Я включаю шрифт со следующим css-кодом: @font-face { font-family: ‘firasanscondensed’; font-style: normal; font-weight: 400; […]

Как вставить шрифт удивительный значок в текстовый ввод?

Как я могу вставить значок веб-шрифта календаря в поле ввода? HTML: CSS: .start_date:before { font-family: “FontAwesome”; content: “\f073”; }

Google Webfonts и сглаживание

Мне нравится использовать Google Webfonts для моих коммерческих работ, но они выглядят слишком зазубренными, хотя в предварительном просмотре, представленном Google, они выглядят очень гладко. Проверьте это: http://www.google.com/fonts/specimen/Oxygen Самый большой превью кажется очень приятным и гладким, но когда я импортирую его на свою страницу и использую его, он кажется искаженным по краям, очень зубчатым. Использует ли […]

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

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

Поддерживает ли каждый браузер все юникод?

Я хочу уменьшить количество HTTP-запросов, используя Unicode вместо небольших значков изображений. icons, которые я хотел бы использовать, include ✔, ► и т. Д. Полный список всех необходимых символов см. Здесь. По умолчанию все браузеры поддерживают эти символы? Если не поддерживается по умолчанию, могу ли я добавить поддержку для этих символов? Какие CSS и HTML необходимы […]

Левое пространство на первой букве CSS

Я использую шрифт Google «Lato», и у меня возникают проблемы с правильной ориентацией заголовка и текста слева. Шрифт (когда большой), как представляется, имеет пространство ядра на первой букве и не выравнивает его без пробела! ? Так вот и скрипка: Hello Hello, this is sentance FIDDLE Кроме того, добавление отрицательного значения в margin-left (magin-left: -10px) просто […]

Использование @ font-face с шрифтом SVG, встроенным в текущую HTML-страницу

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

Вес шрифта игнорируется в Chrome

Я создал скрипку, пытающуюся использовать шрифт Open Sans с font-weight 300: HTML example CSS .demo { font-weight: 400 !important; font-family: ‘Open Sans’ !important; font-style: normal; font-variant: normal; } Я использую шрифты Google для определения CSS Я вижу разницу в Firefox (Ubuntu 13.10) при рендеринге в font-weight: 300 (светлый) и в font-weight: 400 (обычный), но нет […]

Использовать несколько правил @ font-face в CSS

Как я могу использовать больше, чем @font-face правило в моем CSS? Я вставил это в мою таблицу стилей: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: ‘GestaRegular’, Arial, Helvetica, sans-serif; } @font-face { font-family: ‘GestaReFogular’; src: url(‘gestareg-webfont.eot’); src: local(‘☺’), url(‘gestareg-webfont.woff’) format(‘woff’), url(‘gestareg-webfont.ttf’) format(‘truetype’), url(‘gestareg-webfont.svg#webfontg8dbVmxj’) format(‘svg’); } В настоящее время это распространяется только на весь […]