Como viajar gratis por el mundo / Todo sobre voluntariados

Търсим да закупим шрифт, който позволява използването му само в мрежата в предоставените формати: WOFF и EOT.

Не съм сигурен в какви браузъри работят тези и изглежда не мога да намеря актуална информация. Какви браузъри мога да поддържам само с тези два?

Единственият ми опит е със синтаксиса на fontspring, който има EOT, WOFF, TTF и SVG.

  • Свързан въпрос в сайта за графичен дизайн: Кой е най-малкият набор от формати на уеб шрифтове, който обхваща всички браузъри?

Това е стандартният начин за зареждане с @ font-face, hacky fixes и всичко !!

@font-face { font-family: 'BebasNeueRegular'; src: url('BebasNeue-webfont.eot'); src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } 

Но премахнете SVG и ще загубите почти напълно поддръжка за iOS <5.0

Мога ли да използвам има отлична таблица за поддръжка на браузъра като цяло друга за EOT, друга за WOFF, още една за SVG и накрая още една за TTF. Вмъкнах ги по-долу за по-голяма яснота и това трябва да ви насочи какво да тествате, но имайте предвид, че това ще се промени доста бързо.

Редактиране от wyu: Съставих таблица, за да можете да видите поддръжката рамо до рамо

@ font-face поддръжка на браузъра като цяло

Поддръжка на EOT браузър

Поддръжка на браузъра WOFF

Поддръжка на SVG браузър

Поддръжка на TTF браузър

  • 3 защо eot се декларира по два различни начина - .eot и .eot? #Iefix?
  • 1 @sam stackoverflow.com/questions/8050640/…
  • 2 За всеки, който провери този отговор в бъдеще ... Android> = 4.4 вече поддържа WOFF caniuse.com/#feat=woff
  • 3 Уважаеми @ozke, аз съм от бъдещето, благодаря ви, че споделихте този полезен факт. Може също да ви е интересно да знаете, че до края на 2015 г. използването на версии на Android браузъра за акции, които не поддържат woff ще падне до по-малко от 2% от глобалните потребители, а основният Android браузър ще бъде засенчен от Chrome за Android (16%) и UC (8%), като и двата поддържат woff. Firefox за Android също; използването му обаче никога няма да надвишава 1%. Вече можете да се върнете към слушането на „Всичко за този бас“ от Меган Трейнър, което според мен беше обичайно през октомври 2014 г.
  • така че имате нужда само от уеб шрифтове сега?

SVG няма да ви отведе никъде с @ font-face; но EOT се поддържа от IE; където as, TTF и OTF се поддържат от всички други основни браузъри. Що се отнася до WOFF, от малкото четене, с приликата му с TTF и OTF, е много вероятно той да се поддържа в същите браузъри като TTF или OTF. Моето предложение, ако наистина се интересувате, изпробвайте всяко разширение @ font-face в браузър и вижте какво получавате, след което изпратете това, което сте получили на W3C, за да актуализират страницата си със стандарти за дескриптора @ font-face. (В момента дори не включва "безопасни" разширения на шрифтове).

Ако всичко друго се провали, аз съм сигурен, че W3Schools е актуален: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

  • Проблемът е, че Safari Mobile 4.1 и по-долу поддържа само SVG.
  • @toomanyairmiles Ето защо в крайна сметка това го прави да изглежда добре за вашия "по подразбиране" и след това да изглежда невероятно за тези, които "могат" да го видят. Не може да има 100% покритие, тъй като повечето шрифтове нямат OTF, EOT и SVG.
  • Всъщност можете. Изградих няколко сайта, които имат 100% покритие, като купувам шрифтове, които се предлагат и в четирите типа, или използвам безплатни шрифтове и генерирам сам файловете - работи перфектно.
  • @toomanyairmiles Това е мястото, където бързото и свободно писане ме убива, необходимо Не винаги може да има 100% покритие, понякога не се случва и дизайнерът трябва да помни, че в най-лошия случай хората използват стари браузъри и други такива, 100 % покритие не винаги означава 100% покритие; където съм на около 40-50% от интернет потребителите все още използват IE 7 или по-стари, които на първо място не поддържат много добре шрифтово лице, за да има истинско 100% покритие, трябва да има долна линия, която изглежда „прилично“ или поне поддържа сайта ви в рамките на ограниченията на „по-любимите“ шрифтове.
  • Е, опитах го, на малки сайтове и тези на големи марки. Шрифтовете работят в IE6 и 7 дали качеството на изобразяване е толкова добро, колкото съвременния браузър? Не, но работи добре.

Доставчиците на уеб шрифтове наистина трябва да осигурят eot поддръжка за своите шрифтове - особено заради това! Бихте си помислили, че това би било второ естество, дори за облак (с опция за включване или изключване) - ако хората са принудени да ловят черни списъци, няма ли това да насърчи пиратството само след намирането на шрифтовете? @ eb_p1

  • 1 Чакай, защо? EOT беше мъртъв, когато този въпрос беше зададен за първи път, това беше гниещ труп, когато отговорихте, и днес не съм виждал EOT шрифт от повече от година.

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?