Как загрузить @ font-face последней

Question

У меня есть некоторые проблемы с загружаемым шрифтом, который искажает мою высоту div. Есть ли решение загрузить его последним, чтобы div имел правильную высоту в зависимости от загруженного шрифта?

EDIT

Да, высота div равна высоте строки. Обычно он будет выровнен по вертикали с веб-шрифтом по умолчанию, таким как arial. Но с некоторыми @ font-face это не сработает.

Answer 1

Если вы хотите загрузить font-face последним, вы можете добавить тег или правила CSS с помощью jQuery после загрузки страницы.

$(document).ready(function(){

 $('<link rel="stylesheet" href="myfile.css" type="text/css" />').appendTo($('head'));

});

Answer 2

Можете ли вы вручную установить высоту, где вы используете @ font-face?

Это не проблема дизайна страницы, это проблема реализации браузера. Например, что делать в браузере, если шрифт не загрузился через 5, 10, 20, 60 секунд? Вот статья о том, как разные браузеры отображают веб-шрифты http://paulirish.com/2009/fighting-the-font-face-fout/

Я настоятельно рекомендую CDN для шрифтов и использую шрифт по умолчанию очень близкого размера.