Внедрение шрифтовых иконок в макет

[PavelTkachev]

Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов:

 

1. Как вставить иконку не через свойство content внутри :before?

2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты?

3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?

[npofopr]

Ой всё.

[Great Rash]

1. Как вставить иконку не через свойство content внутри :before?

 

Не знаю актуально ещё или нет.

 

CSS:

.my-icon:before {    content: "\e609";}

или HTML:

<span></span>

 

Это конечно если шрифт подключен.

[Galaxy]

и задан этому span'у

[PavelTkachev]

Не знаю актуально ещё или нет.

 

Очень актуально! Спасибо.

[Great Rash]

Очень актуально! Спасибо.

Для ИЕ7 чтоль?

 

Если так, то для него есть способ получше:

.my-icon {  content: "\e609";  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}

[PavelTkachev]

Спасибо.

Edited December 2, 2014 by PavelTkachev