CSS: как иметь разные размеры для каждого шрифта - PullRequest
Новая
       29

CSS: как иметь разные размеры для каждого шрифта

3 голосов
/ 19 июня 2010

У меня есть веб-сайт, который использует "arial узкое".Чтобы избежать проблем с совместимостью, я сделал @ font-face версию этого шрифта, используя генератор шрифтов "Font Squirrel" (http://www.fontsquirrel.com),, но когда я в системе, у которой нет "Arial Narrow"и затем он загружается онлайн через @ font-face, шрифт больше, чем "Arial Narrow", я использую абсолютный размер в px для шрифтов.

Есть ли способ установить разные размеры дляродной и онлайн-шрифт? 

@font-face {
font-family: 'ArialNarrow';
src: url('/fonts/arialn-webfont.eot');
src: local('☺'), url('/fonts/arialn-webfont.woff') format('woff'), url('/fonts/arialn-webfont.ttf') format('truetype'), url('/fonts/arialn-webfont.svg#webfontNZumFher') format('svg');
font-weight: normal;
font-style: normal; }

и ниже: 

font-family: 'Arial Narrow', 'ArialNarrow', arial, helvetica, sans-serif;
font-size:14px;

Заранее спасибо, извините за мой плохой английский

Ответы [ 2 ]

1 голос
/ 19 июня 2010

Теоретически свойство CSS 2.0 и CSS 3 font-size-adjust было создано для этого использования, но его поддержка слабая. Нет IE (сюрприз!), Fx 3.0+ и afaik, нет поддержки в Saf 4 и нет Op 10.5.

Интересно, почему оба Arial Narrow не имеют одинаковый размер (и не имеют ответа), но я хотел бы отметить, что Arial Narrow лицензирован Ascender для Microsoft и может быть приобретен здесь: http://www.fontslive.com/font/arial-narrow-regular.aspx (и это сжатое семейство было создано Monotype).
Для некоммерческого веб-сайта http://en.wikipedia.org/wiki/Core_fonts_for_the_Web говорит, что уже слишком поздно (2002 год) и что пакеты должны быть сохранены в своем первоначальном формате и именах файлов: встраивание изменяет первое.

0 голосов
/ 19 июня 2010

Извините, аналогичные вопросы были заданы, и вывод всегда был «не может быть сделан» (по крайней мере, не надежно во всех браузерах, слава @Felipe для вызова этих свойств CSS - они не знали)

Трудно даже использовать JavaScript, потому что чертовски сложно выяснить, какой шрифт фактически использовался браузером в конце.

См. Также: Получить вычисленное семейство шрифтов в JavaScript

...