Вопросы с тегом «font-face»

Есть ли способ добавить какой-нибудь пользовательский шрифт на сайт без использования изображений, Flash или другой графики? Например, я работал над свадебным сайтом и нашел много хороших шрифтов на эту тему. Но я не могу найти правильный способ добавить этот шрифт на сервер. И как мне включить этот шрифт с CSS …

519 html  css  fonts  font-face 

Я просматриваю страницу MDC для правила CSS @ font-face , но ничего не понимаю. У меня есть отдельные файлы для жирного , курсив и жирный + курсив . Как я могу встроить все три файла в одно @font-faceправило? Например, если у меня есть: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") …

454 fonts  css  font-face 

Я работаю над сайтом, на котором требуются пробные версии шрифтов в Интернете, все шрифты, которые у меня есть, - .otf Есть ли способ встроить шрифты и заставить их работать во всех браузерах? Если нет, какие у меня есть альтернативы?

440 html  css  fonts  font-face 

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

422 css  http-status-code-404  font-face  woff 

У меня есть несколько шрифтов, настроенных в моем файле Scss, например: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Фактический файл шрифта хранится в / app / assets / fonts / Я добавил config.assets.paths << Rails.root.join("app", "assets", "fonts")в свой файл …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

В CSS3 font-face , существует множество типов шрифтов включены как ttf, eot, woff, svgи cff. Почему мы должны использовать все эти типы? Если они являются особенными для разных браузеров, почему их число больше, чем число основных веб-браузеров?

299 css  font-face  webfonts 

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

283 google-chrome  font-face 

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

219 css  fonts  font-face 

Следующий код работает как в бета-версии Google Chrome, так и в IE 7. Однако в Firefox, похоже, есть проблема с этим. Я подозреваю, что это проблема того, как мои CSS-файлы включены, потому что я знаю, что Firefox не слишком дружелюбен к междоменному импорту. Но это всего лишь статический HTML, и …

195 css  firefox  font-face  file-uri 

Я видел несколько новых веб-сайтов, которые используют собственные шрифты на своих сайтах (кроме обычных Arial, Tahoma и т. Д.). И они поддерживают большое количество браузеров. Как это сделать? Также, по возможности, не позволяя людям иметь свободный доступ к загрузке шрифта.

175 css  font-face 

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

168 html  svg  font-face  mime-types 

Давно существовала проблема с Firefox, который не загружал шрифт из другого источника, чем текущая веб-страница. Обычно проблема возникает, когда шрифты обслуживаются на CDN. В других вопросах были подняты различные решения: CSS @ font-face не работает с Firefox, но работает с Chrome и IE Есть ли решение с использованием CORS для …

135 css  firefox  amazon-s3  font-face  cors 

Я использую @font-faceв первый раз и скачал набор шрифтов от 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 …

133 css  font-face 

Я нахожусь в процессе создания небольшого приложения для интрасети и безуспешно пытаюсь использовать купленный мной недавно шрифт Adobe . Как мне сообщили, в нашем случае это не нарушение лицензии. Я конвертировал версии шрифта .ttf / .otf в .woff, .eot и .svg, чтобы настроить их для всех основных браузеров. Синтаксис @ …

132 internet-explorer  css  internet-explorer-9  font-face 

Мне нужно импортировать шрифт Klavika, и я получил его разных форм и размеров: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Теперь я хотел бы знать, можно ли импортировать их в CSS с помощью всего одного @font-face-запроса, где я определяю weightв запросе. Я хочу избежать копирования / вставки запроса 8 …

118 css  fonts  font-face