font-face- все статьи тега


Загрузка шрифтов с помощью Webpack и font-face

Я пытаюсь загрузить шрифт в мой CSS-файл с помощью @font-face, но шрифт никогда не загружается. Это моя структура каталогов. Затем в webpack.config.js у меня есть загрузчик, чтобы получить шрифты. var path = require('path'); var webpack = require('webpack'); module.exports = { devtool: 'eval', entry: [ "./index.js" ], output: { path: __dirname+"/build", filename: "main.js" }, plugins: [ new webpack.NoErrorsPlugin(), new webpack.HotModuleReplacementPlugin(), ...

Почему @font-face бросает ошибку 404 на файлы woff?

Я использую @font-face на сайте моей компании, и он работает / отлично выглядит. Кроме Firefox и Chrome будет выдавать ошибку 404 на . IE не выдает ошибку. У меня есть шрифты, расположенные в корне, но я пробовал шрифты в папке css и даже дал весь url-адрес для шрифта. Если удалить эти шрифты из моего css-файла, я не получаю 404, поэтому я знаю, что это не синтаксическая ошибка. кроме того, я использовал инструмент fontsquirrels для создания @font-face шрифты и код: @font-face { font-family: ...

Почему этот журнал "медленная сеть обнаружена..." появляется в Chrome?

Я заметил это info log начал появляться в Google Chrome Dev (версия 55.0.2883.18 dev), и я не могу себе представить, почему. обнаружена медленная сеть. Резервный шрифт будет использоваться при загрузке:http://font-path.расширение' он появляется на всех веб-сайтах, которые используют font-face, даже на локальных страницах и расширениях Chrome. ...

Какой шрифт для кнопки закрытия CSS "x"?

Я хочу создать кнопку закрытия, используя только CSS. Я уверен, что я не первый, чтобы сделать это, так кто-нибудь знает, какой шрифт имеет " x " той же ширины, что и высота, так что он может быть использован кросс-браузер, чтобы выглядеть как кнопка закрытия? ...

Правильный тип mime для изображений SVG со встроенными шрифтами

это обычный тип SVG mime: image/svg+xml и он отлично работает. Однако при внедрении шрифта SVG chrome сообщает вам, что тип mime неверен, очевидно, потому что вы возвращаете шрифт вместо изображения. есть ли универсальный тип mime? хром не так? это application/svg+xml принято как-то? Я думаю, что это все еще серая область в HTML5, но кто-то здесь может знать. ...

CSS @font-face - что означает" src: local ('☺')"?

Я использую @font-face впервые и скачал font-kit от fontsquirrel код, который они рекомендуют вставить в мой CSS: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } сейчас, смайлик вещь имеет меня в тупик. Но также и количество URL-адресов в src - по ...

Используйте несколько правил @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'), ur ...