Я заметил, что размеры шрифтов неодинаковы в браузерах, использующих аппаратное ускорение, из-за изменений рендеринга шрифтов, из-за чего символы кажутся меньше. На сайтах с горизонтальной навигацией это становится проблемой.
Можно ли использовать JavaScript или библиотеку JS для определения того, что аппаратное ускорение включено (или отключено) в браузере?
Modernizr, похоже, не предлагает такого выбора.
Отрисовка шрифта зависит от браузера, ОС и пользовательских настроек. Таким образом, ваш веб-сайт должен изящно справляться с такими различиями, а не полагаться на точную отрисовку шрифта с точностью до пикселя. Аппаратное ускорение — еще один источник таких различий.
Поскольку вы на самом деле не заинтересованы в том, чтобы узнать, ускорено ли оно аппаратно, но в различиях в рендеринге шрифтов, как насчет измерения размера отображаемого текста и адаптации вашей страницы на основе этого?
Поскольку вас интересует только разница в размере шрифта в разных браузерах и платформах, возможно, стоит изучить методы нормализации размера шрифта.
Единственный, с которым я лично знаком, — это Шрифты YUI CSS. Я использую его во всех своих проектах, и он используется в проекте HTML5Boilerplate.
Существуют также фреймворки типографики css, такие как Baseline, Typogridphy, Blueprint (я изучил это и рекомендую, если вы идете по этому пути) и, наконец, ататонический
Вместо обходных путей для медленного рендеринга, почему бы не использовать подчеркивание для сокращения количества обновлений?
<script type="text/javascript">
<!--
window.onload=function(){
if(window.screen.availHeight>700 && window.screen.availWidth>1000)
{
document.body.style.fontSize="15px";
}
.................
//another conditions
}
//-->
</script>
вы не можете получить скорость процессора или размер оперативной памяти, но вы можете сделать функцию, чтобы узнать мощность оборудования
<script type="text/javascript">
var number=10;
var i;
var start = (new Date).getTime();
//code here
for(i=0;i<10000;i++)
{
number=number*10;
}
var diff = (new Date).getTime() - start;
alert(diff);
start = (new Date).getTime();
//code here
while(i<10000)
{
number=number*10;
i++;
}
diff = (new Date).getTime() - start;
alert(diff);
</script>
