Как использовать пользовательские шрифты в React для веб-приложений (без дополнительного файла CSS)?
Как я могу использовать пользовательские шрифты с React для веб-приложений? Я не хочу использовать файл CSS, но сохраняю все в файле Component JS.
Я перепробовал все, и ничего не работает, или, по крайней мере, они несовместимы (иногда они работают, иногда они не загружаются на ipads или определенные компьютеры)?
Если бы кто-нибудь мог указать мне правильное направление, это было бы здорово.
Ответы 1
Я пробовал делать что-то подобное, и у меня это сработало. Добавьте CDN для шрифтов, если вы используете шрифты Google или что-то вроде:
<link href = "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel = "stylesheet">
а затем в вашем CSS используйте свойство font-family и введите шрифт, к которому вы пытаетесь получить доступ из шрифтов Google, и он будет работать нормально. Если вы хотите изменить толщину, используйте font-weight, чтобы управлять этим.
без css невозможно, потому что в каком-то месте вам нужно указать, какой шрифт вы будете использовать.