mozilla
/
bedrock
зеркало из https://github.com/mozilla/bedrock.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 958321 - load Droid Arabic Naskh only for pages that need it 

Declaring this font in the base style sheet adds 200k and two additional requests when the majority of visitors won't even need it. Instead we can load it only when the page is in a language where this font can be of use.
This commit is contained in:
Craig Cook 2014-01-10 10:03:24 -08:00
Родитель 0b3b32d83a
Коммит e7b011a148
3 изменённых файлов: 46 добавлений и 20 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

23
bedrock/base/templates/base-resp.html
Просмотреть файл

@ -47,6 +47,29 @@
{{ css('responsive') }}
{% endblock %}
{% if LANG in ['ar', 'fa'] %}
{# bug 958321 #}
<style type="text/css">
@font-face {
font-family: 'Droid Arabic Naskh';
src: url({{ media('fonts/DroidNaskh-Regular.eot?#iefix') }}) format('embedded-opentype'),
url({{ media('fonts/DroidNaskh-Regular.woff') }}) format('woff'),
url({{ media('fonts/DroidNaskh-Regular.ttf') }}) format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Droid Arabic Naskh';
src: url({{ media('/fonts/DroidNaskh-Bold.eot?#iefix') }}) format('embedded-opentype'),
url({{ media('/fonts/DroidNaskh-Bold.woff') }}) format('woff'),
url({{ media('/fonts/DroidNaskh-Bold.ttf') }}) format('truetype');
font-style: normal;
font-weight: bold;
}
</style>
{% endif %}
{% block extrahead %}{% endblock %}
{{ js('site') }}

23
bedrock/base/templates/base.html
Просмотреть файл

@ -43,6 +43,29 @@
{{ css('common') }}
{% endblock %}
{% if LANG in ['ar', 'fa'] %}
{# bug 958321 #}
<style type="text/css">
@font-face {
font-family: 'Droid Arabic Naskh';
src: url({{ media('fonts/DroidNaskh-Regular.eot?#iefix') }}) format('embedded-opentype'),
url({{ media('fonts/DroidNaskh-Regular.woff') }}) format('woff'),
url({{ media('fonts/DroidNaskh-Regular.ttf') }}) format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Droid Arabic Naskh';
src: url({{ media('/fonts/DroidNaskh-Bold.eot?#iefix') }}) format('embedded-opentype'),
url({{ media('/fonts/DroidNaskh-Bold.woff') }}) format('woff'),
url({{ media('/fonts/DroidNaskh-Bold.ttf') }}) format('truetype');
font-style: normal;
font-weight: bold;
}
</style>
{% endif %}
{% block extrahead %}{% endblock %}
{{ js('site') }}

20
media/css/sandstone/fonts.less
Просмотреть файл

@ -55,23 +55,3 @@
font-weight: normal;
font-style: italic;
}
// Droid Arabic Naskh (Early Access) http://www.google.com/webfonts/earlyaccess
@font-face {
font-family: 'Droid Arabic Naskh';
src: url('/media/fonts/DroidNaskh-Regular.eot?#iefix') format('embedded-opentype'),
url('/media/fonts/DroidNaskh-Regular.woff') format('woff'),
url('/media/fonts/DroidNaskh-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Droid Arabic Naskh';
src: url('/media/fonts/DroidNaskh-Bold.eot?#iefix') format('embedded-opentype'),
url('/media/fonts/DroidNaskh-Bold.woff') format('woff'),
url('/media/fonts/DroidNaskh-Bold.ttf') format('truetype');
font-style: normal;
font-weight: bold;
}