Изменение стилей шрифтов с поддержкой @ font-face

Я знаю, что большинство современных браузеров поддерживают @font-face в CSS. Но здесь могут быть исключения. Я хотел бы знать, можно ли изменить размер шрифта какого-либо селектора на основе поддержки браузера @ font-face. т.е. я хотел бы установить font-size из <span>.

Я хочу 20 пикселей, если браузер поддерживает @ font-face, и 30 пикселей, если нет. Как я могу сделать это возможным? Было бы здорово, если бы это можно было сделать с помощью чистого CSS.


person Alfred    schedule 07.07.2013    source источник


Ответы (1)


Я думаю, здесь вам следует использовать IE Hacks, и вы также можете прочитать о других хаках chrome и firefox, чтобы иметь возможность проверять версии и сопоставлять их, но я хочу сосредоточиться на конкретном браузере - Internet Explorer

Итак, как я начал говорить, вы можете использовать IE-хаки для сопоставления размера шрифта, например:

<!--[if IE]>
<style>
 span{
  font-size: 30px;
 }
</style>
<![endif]-->
 <style>
  span{
   font-size: 20px;
  }
 </style>

Как я уже сказал, вы можете использовать "хаки" css для firefox / chrome и других браузеров, чтобы проверить версию и проверить поддержку @fontface, я не приводил вам пример шрифта, так как у меня нет ссылки, и я не хочу запутать.

Надеюсь, я помог.

РЕДАКТИРОВАТЬ: Я не уверен, ясно ли, что я хотел бы быстро отметить:

Вы можете проверить каждый браузер (а также каждую версию) и посмотреть, поддерживает ли он fontface, если нет, просто используйте тот же взлом браузера, чтобы изменить размер шрифта диапазона.

person copypaste    schedule 07.07.2013