Jump to content
  • 0

font-family: 'стандартный шрифт', 'свой шрифт'


Cypher76
 Share

Question

Доброго времени суток, уважаемые форумчане.

Я столкнулся с проблемой типа "не могу решить на уровне логики". Подскажите, пожалуйста.

Задача: На сайте имеются блоки, шрифт текста в которых курсивный Calibri.

Подход к решению (часть 1): Во многих операционках нет такого шрифта. Выход очевиден - @font-face.

Используя кроссбраузерный font-face генератор я получил необходимый для сайта шрифт.

Имею:

@font-face {
font-family: 'SiteCalibriRegular';
src: url('../font/calibri-webfont.eot');
src: ...
}

Соответствено в нужном блоке:

.my-calibri-block {
font-family: 'SiteCalibriRegular';
}

и с этим все хорошо.

Дальше пробую делать курсив:

.my-calibri-italic-block {
font-family: 'SiteCalibriRegular';
font-style: italic;
}

Результат не очень. Шрифт как будто не знает, как наклонятся.

По этому прорабатываю возможные варианты, подгружая генератору изначально правильный курсив. Получаю:

@font-face {
font-family: 'SiteCalibriRegular';
src: url('../font/calibri-webfont.eot');
src: ...
}
@font-face {
font-family: 'SiteCalibriItalic';
src: url('../font/calibrii-webfont.eot');
src: ...
}
...

Тем самым добиваюсь "правильного" кроссбраузерного курсивного calibri.

Подход к решению (часть 1): Далее хотелось бы сделать так, чтобы шрифт подгружался только тем пользователям, у которых его нет. Хочется написать что-то вроде:

.my-calibri-italic-block {
font-family: 'Calibri', 'SiteCalibriItalic';
font-style: italic;
}

или:

.my-calibri-italic-block {
font-family: 'Calibri', 'SiteCalibriItalic';
}

Но не один из вариантов не подходит. В первом случае все хорошо у пользователей имеющих калибри, а у остальных "двойной наклон", во втором случае нет наклона у меющих шрифт.

Подскажите, пожалуйста, как из этого можно вывернуться, чтобы всем было хорошо? :)

Может можно как-нибудь создать стили используя @font-face для курсивного, жирного и т.д. используя calibri содержащийся в операционке?

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Если есть font-face, то шрифт всё равно подгрузится — не важно, есть он уже в системе или нет. Так что какая разница, подключайте всем.

Может можно как-нибудь создать стили используя @font-face для курсивного, жирного и т.д. используя calibri содержащийся в операционке?

По идее, в генераторе font-face должны быть опции типа "сгенерировать болд" и "сгенерировать италик".

Edited by Gaspode
Link to comment
Share on other sites

  • 0
Если есть font-face, то шрифт всё равно подгрузится — не важно, есть он уже в системе или нет. Так что какая разница, подключайте всем.
Упустил этот момент. Хм. Тогда нет ничего страшного в том, чтобы "устанавливать" шрифт для всех, раз уж он все-равно подгружен. Либо думать, как выцепить информацию о том, есть ли шрифт в системе или нет.
По идее, в генераторе font-face должны быть опции типа "сгенерировать болд" и "сгенерировать италик".
Думаю, без разницы, как получить сгенерированный font face. Конфликт, который во второй части моего первого ссобщения все равно остается.
Link to comment
Share on other sites

  • 0
Либо думать, как выцепить информацию о том, есть ли шрифт в системе или нет.

Да никак этого не сделать. Не может быть у вас через ксс/жабоскрипт доступа к такой информации. Как бы это вообще не ваше дело, что там в системе есть)

Link to comment
Share on other sites

  • 0
Либо думать, как выцепить информацию о том, есть ли шрифт в системе или нет.

Да никак этого не сделать. Не может быть у вас через ксс/жабоскрипт доступа к такой информации. Как бы это вообще не ваше дело, что там в системе есть)

Понятно, спс :). Будет всем @font-face набор шрифтов :)
Link to comment
Share on other sites

  • 0

По-моему, с теперешней распространенностью этих Калибрей (80-83% на виндах и 30-40% на маках) можно и не мучиться с вставкой их через @font-face (и потенциальными проблемами с лицензией), а просто поставить, например,

font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

(отсюда) или, на крайняк, собрать что-то подобное здесь. Без Калибрей, скорее всего, сидят бедолаги под XP на архаичном железе, им важнее прочитать хоть что-то, чем ждать загрузки немаленького шрифта...

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