Какие браузеры поддерживают внедрение шрифтов
Я наконец нашел это:
Then('The URL contains {string}', function (url, callback) {
browser.wait(EC.urlContains(url), 5000)
.then(() => callback())
.catch(() => {
browser.getCurrentUrl().then((url) => { throw Error('URL was ' + url); });
});
});
9 ответов
Эта статья обсуждает поддержку браузера о на полпути в. Вот самый соответствующий бит, хотя все это стоит чтения:
CSS3 (и даже проекты CSS2 в 1997 и 1998) долго обещали стандартизованный способ внедрения шрифтов, с помощью @font-face правило. То, что, вероятно, не знают многие люди, - то, что это правило уже поддерживается в Opera 9.5, поставляя версии Safari для Mac, Windows и iPhone OS, и обещано для Firefox 3.1., и хорошо как IE6 и позже.
К сожалению, в то время как на поддержку @font-face намекнули для Opera 9.5 и Firefox 3.1 (см. мои комментарии в № 4 ниже), это - на самом деле не случай печально.
Существует выгода все же. Все браузеры кроме поддержки IE, связывающейся с файлами шрифтов TrueType. Microsoft поддерживает только собственный формат файла EOT.
Править: Включая это обновление из ответа Ric Tokyo.
[Update 2] Opera 10 и Firefox 3.1 теперь поддерживает соединение с TrueType и OpenType (но не EOT) в в настоящее время поставлющихся альфах или бетах.
Safari 3.1 (и WebKit Ночью создает), Firefox 3.1 и поддержка Opera 10, @font-face встраивающая для .ttf (шрифты TrueType) и .otf (шрифты OpenType). Версия 5 Internet Explorer + поддерживает @font-face встраивающий для .eot (собственный встроенный открытый формат типа) только.
Microsoft делает ужасный небольшой инструмент преобразования шрифта под названием УТОК (только Windows), что можно использовать для преобразования большинства форматов шрифтов в .eot.
CSS3.info имеет хорошее, краткое учебное руководство о том, как использовать @font-face правило. Сайт является большим ресурсом для проигрывания с приемами CSS3 (или в этом случае CSS2 предложила приемы).
Существует более полная статья об этом предмете в Списке Независимо.
Удостоверьтесь любые шрифты, которые Вы встраиваете в веб-страницу, указывают, что она должна хорошо сделать так в их лицензиях, поскольку шрифт будет жить на Вашем веб-сервере в общедоступном каталоге, бесплатном для любого загружать. Это использование не всегда явно охватывается в лицензии, но можно обычно связываться с разработчиком непосредственно для выяснения. Они обычно позволяют Вам использовать шрифт, пока Вы включаете ссылку на их страницу. Я не знаю наверняка, если Носитель Franklin Gothic утвержден для этого использования, но я сомневаюсь, что это.
Вот являются некоторые ресурсами для свободных шрифтов. Если Вы делаете достаточно рытья, можно обычно находить подобную поверхность, которая будет работать на Вас:
режим причуд в течение долгого времени был хорошим ресурсом для таблиц совместимости для js и CSS
@nezroy, вот обновление:
[Update 2] Opera 10 и Firefox 3.1 теперь поддерживает соединение с TrueType и OpenType (но не EOT) в в настоящее время поставлющихся альфах или бетах.
Я вспоминаю людей Safari, гордо пишущих сообщение в блоге, что WebKit мог загрузить ttf шрифты и использовать их автоматически, когда они находятся в источнике страницы. IE поддерживал растровые шрифты загрузки навсегда.
Они не делают, Ваш лучший выбор состоит в том, чтобы сделать что-то как следующее:
<h1 id="MyHeading">my heading</h1>
h1#MyHeading {
text-indent: -1000px;
width: 200px;
height: 50px;
background-image: url(myheading.jpg);
}
Этот aricle объясняет некоторые другие альтернативы.
Править: Я не знаю, почему это было downvoted. Нижняя строка, там не доступно, SEO дружественный способ сделать то, что Вы хотите, который поддерживается всеми браузерами. Если Вы хотите отчуждать своих пользователей, затем идут для одного из других решений. Иначе плохо угодите моим пользователям с моими-1.
Хорошо, таким образом, я думаю лучший способ сделать, это следующие....
- Используйте ttf шрифт прежде всего
- Возвратитесь к шрифту OET для IE
- Возвратитесь к Arial, гротесковому шрифту для браузеров, которые не поддерживают встроенные шрифты вообще.
Большой, теперь просто полученный для нахождения некоторых шрифтов EOT.
Если Вы не боитесь некоторого сценария Java, это сообщение могло бы выручить Вас: http://www.webresourcesdepot.com/use-any-font-via-javascript-typefacejs/.
Я не использовал его сам, но это проотсутствует для поддерживания любого шрифта на любом браузере...
Об этом написали здесь:
http://interactivity.ifactory.com/2010/04/font-face/
В основном 95% современных браузеров теперь поддерживают его:
IE6 +, FF 3.5+, Chrome, Safari 3.1+, Opera.