CSS - применить диапазон юникода к шрифту, установленному в браузере
Я хочу установить диапазон Unicode для Consolas, моноширинного шрифта, установленного в большинстве браузеров. Вместо связывания внешнего файла шрифта с помощью src я хочу использовать файл шрифта, который уже находится в браузере. Как мне отредактировать CSS ниже?
Я проверил множество источников из StackOverflow и других сайтов о применении диапазона Unicode к @font-face, но не смог найти полезных советов по этому конкретному вопросу. Любая помощь будет оценена.
@font-face {
font-family: "Consolas";
src: browser???;
unicode-range: U+0061-0100;
}
Обновлено: я пытался использовать src: local('Consolas');, но, как ни странно, это не сработало.
Ответы 1
Вы можете использовать local(), пример:
@font-face {
font-family: 'CustomConsolas';
src: local('Consolas');
unicode-range: U+0061-0100;
}
Я рад, что это работает! На самом деле я пробовал src: local('Consolas'); раньше, но я не пробовал называть семейство шрифтов CustomConsolas. Установка семейства шрифтов просто как Consolas, похоже, не сработала. В чем разница?
@ Генри5400 Я думаю, это потому, что если вы используете Consolas, браузер ищет шрифт, установленный на вашем компьютере, а не ваше собственное определение @font-face. Поэтому вы должны использовать другой font-family.
Если вы хотите использовать только локальный шрифт, вы можете использовать
local('Consolas'). Чего именно вы хотите добиться, указав диапазон юникода? Будут ли другие определения шрифта для разных диапазонов юникода Consolas? В противном случае, если вы хотите использовать только локальный шрифт без какого-либо источника веб-шрифта, вы можете обойтись без@font-faceи использовать толькоfont-family: Consolas; (вероятно, с запасным вариантом, например, "семейство шрифтов: Consolas, monospace;")