После официального выхода знака рубля  у всех веб-мастеров появился вопрос как использовать его кроссбраузерно на своих проектах.

Есть несколько способов.

BASE 64 код в CSS

Итак, чтобы использовать знак рубля у себя в проекте достаточно в CSS прописать код:

@font-face {

        font-family: 'RurArial';

        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');

    }

    @font-face {

        font-family: 'RurArial';

        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');

        font-style: italic;

    }

    @font-face {

        font-family: 'RurArial';

        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');

        font-weight: bold;

    }

    @font-face {

        font-family: 'RurArial';

        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');

        font-style: italic;

        font-weight: bold;

    }

Далее вешаем классу .rur подключенный шрифт

 .rur {

        font-family: 'RurArial';

    }

Добавляем в html конструкцию и наслаждаемся результатом.

руб.

Способ хороший, но не работает в IE.

Через файл Шрифта ALS rub

Также можно воспользоваться шрифтом rouble

конвертируем шрифт через сервис Font Squirrel , в режиме «expert» отметив чекбоксы «No Subsetting» и «Style Linking».

Далее в CSS:

@font-face {

  font-family: 'rub';

  src: url('/font/rouble.eot');

  src: url('/font/rouble.eot?#iefix') format('embedded-opentype'),

       url('/font/rouble.woff') format('woff'),

       url('/font/rouble.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

.rub {

  font-family: 'rub';

}

HTML:

<span class="rub">a</span>

Для выбора стиля начертания, используются следующие символы данного шрифта(его нужно использовать в теге span класса rub):

• a — Arial Regular
• b — Arial Italic
• c — Arial Bold
• d — Arial Bold Italic
• e — Georgia Regular
• f — Georgia Italic
• g — Georgia Bold
• h — Georgia Bold Italic
• i — Tahoma Regular
• j — Tahoma Bold
• k — Times Regular
• l — Times Italic
• m — Times Bold
• n — Times BoldItalic
• o — Lucida Sans
• p — Lucida Sans Bold
• q — Verdana Regular
• r — Verdana Italic
• s — Verdana Bold
• t — Verdana Bold Italic
• u — Futura
• v — Trump Mediaeval
• w — ITC Studio Script

23 Мая 2014