почему шрифт Google отображается 2 разными способами - PullRequest
0 голосов
/ 15 февраля 2019

Я пытался заставить этот шрифт Syncopate google корректно отображаться на сайте, но он продолжает отображаться не так, как в примере на сайте.Затем, после некоторых копаний, я нашел для него страницу шрифта, и там было что-то странное.Символы сверху немного отличаются от приведенных ниже примеров:

enter image description here

, например, обратите внимание на букву 'L' - и сравните с примером ниже:

enter image description here

в примере показан округленный угол на букве L, в то время как символы выше показывают более угловой L. Лично я хочу более округлый вид, но когдаЯ импортирую шрифт:

@import url('https://fonts.googleapis.com/css?family=Maven+Pro|PT+Sans+Narrow|Syncopate:400,700');

и затем использую его на своем элементе font-family: 'Syncopate', sans-serif;

. Я получаю более угловатый вид.Я предполагаю, что этого следовало ожидать, но есть ли способ получить округлый вид или это просто устаревший пример?Вот страница для шрифта Google: https://fonts.google.com/specimen/Syncopate. Я спрашиваю на случай, если я делаю это неправильно - я видел в ветке Google, что вы можете использовать 'Syncopate-Regular', чтобы получить правильный вид, ноэто не сработало - есть ли другой способ использовать шрифт, чтобы получить правильный вид?

Ответы [ 2 ]

0 голосов
/ 15 февраля 2019

Сам шрифт использует угловой L для верхнего регистра L и более округленный L для нижнего регистра l.

Если вы действительно хотите иметь округленные Ls взаглавное слово, вы можете просто заменить цель L вместо строчной буквы L.

0 голосов
/ 15 февраля 2019

Хорошо ... Я только что понял это - похоже, что округленные буквы - это строчные буквы, а более угловые - прописные.Снова посмотрим на примеры символов: 2 строки, 1 для прописных и 1 для строчных букв

...