Jump to content
  • 0

Загадка с font-face


Kuzyo
 Share

Question

Здравствуйте. Не могу решить загадку. Для подключения шрифтов к странице использовал font-face, все согласно пуленепробиваемому способу Пола Айриша http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley, для одного шрифта все сработало, потом нужно было еще один, и тут то возникли проблемы, подключил как предыдущий, то есть так

@font-face {

font-family: "Lucida Grande";

src: url('fonts/LucidaGrandeBold/LucidaGrandeBold.eot');

src: local('?'),

url('fonts/LucidaGrandeBold/LucidaGrandeBold.ttf') format('truetype'),

url('fonts/LucidaGrandeBold/LucidaGrandeBold.svg#Lucida') format('svg');

font-style: normal;

font-weight: bold;

}

в Хроме и в Мозиле подключило что-то странное, потом решил убрать часть кода

src: url('fonts/LucidaGrandeBold/LucidaGrandeBold.eot');

src: local('?'),

и все заработало, не могу понять почему так случилось, ведь в статье пишет что новыми браузерами формат .eot пропускается, а тут видимо не пропустил. Разъясните пожалуйста в чем была проблема, и почему для первого шрифта все сработало как надо, а тут не вышло. Заранее спасибо

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Дело в том что src: local('шрифт') даёт ссылку на шрифт на вашем компьютере.Шрифт Lucida Grande есть на вашем компьютере, а когда вы указываете данный шрифт и при этом ссылку на локал даёте как вопросительный знак, то браузер начинает путается, именно поэтому когда вы убрали две строчки, браузер перестал путатся и нормально интерпретировал шрифт. Попробуйте место вопросительного знака вставить название шрифта src: local('Lucida Grande')

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy