Запитання з тегом «font-face»

Чи можна додати на веб-сайт якийсь спеціальний шрифт без використання зображень, флеш- файлів чи іншої графіки? Наприклад, я працював на весільному веб-сайті, і знайшов багато приємних шрифтів на цю тему. Але я не можу знайти правильний спосіб додати цей шрифт на сервер. І як я включаю цей шрифт із CSS …

518 html  css  fonts  font-face 

Я переглядаю сторінку MDC для правила CSS-шрифту @ font-face , але я не розумію одного. У мене є окремі файли для жирного , курсивного та жирного + курсивного . Як я можу вставити всі три файли в одне @font-faceправило? Наприклад, якщо у мене є: @font-face { font-family: "DejaVu Sans"; src: …

454 fonts  css  font-face 

Я працюю над веб-сайтом, який вимагає випробування шрифтів в Інтернеті, усі шрифти у мене є .otf Чи є спосіб вставити шрифти та змусити їх працювати у всіх браузерах? Якщо ні, то які інші альтернативи у мене є?

440 html  css  fonts  font-face 

Я використовую @font-faceна сайті своєї компанії, і це працює / виглядає чудово. За винятком того, що Firefox та Chrome нанесуть на .woffфайл помилку 404 . 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'); } Фактичний файл шрифту зберігається в / застосунку / активах / шрифтах / Я додав config.assets.paths << Rails.root.join("app", "assets", "fonts")у файл application.rb а джерело …

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 

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

168 html  svg  font-face  mime-types 

Існує давня проблема, коли Firefox не завантажує шрифт іншого походження, ніж поточна веб-сторінка. Зазвичай проблема виникає, коли шрифти подаються на CDN. В інших питаннях були розглянуті різні рішення: CSS @ font-face не працює з Firefox, але працює з Chrome та IE З впровадженням Amazon S3 CORS, чи існує рішення за …

134 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-адрес у src - чому вони рекомендують так багато …

133 css  font-face 

Я зараз будую невелику програму інтранет і намагаюся, не пощастивши, використовувати шрифт Adobe, який я придбав останнім часом. Як мені повідомили, у нашому випадку це не порушення ліцензії. Я перетворив .ttf / .otf версії шрифту в .woff, .eot і .svg, щоб націлити всі основні браузери. Синтаксис @ font-face, який я …

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