Http allfont ru: Кириллические шрифты — каталог бесплатных шрифтов, которые Вы можете скачать

Показать всю историю версий

html — шрифты меняются с http на https

спросил 1 год, 10 месяцев назад

Изменено 1 год, 10 месяцев назад

Просмотрено 347 раз

, поэтому я только что активировал ssl для своего сайта и заметил, что шрифт изменился. Он перешел от League Sparton Bold к чему-то немного другому. Это не совсем то, чего я желаю. Вот что я написал в css

 
<голова>
     <мета-кодировка="UTF-8">
    
    
    
    
    
    
        
    <стиль>
    body,h2,h3,h4,h5,h5,h6 { семейство шрифтов: 'League Spartan Bold', arial; }
    тело, html {
      высота: 100%;
      цвет: #777;
      высота строки: 1,8;
      минимальная ширина: 100%;
    }

 

вот как это выглядит с http, что я хочу и для https: а вот как это выглядит в https,

• html
• css
• http
• ssl
• https

Проблема связана с файлом CSS, на который ссылается

 ?fonts=league-spartan" rel="stylesheet" type="text/css" />
 

Хотя фактическая ссылка запрашивается с использованием https, если вы посмотрите в файл, вы увидите, что он имеет:

 @font-face{font-family:league spartan bold;стиль шрифта:нормальный;начертание шрифта:700;src:local('League Spartan Bold'),local('LeagueSpartan-Bold'),url(http ://allfont. de/cache/fonts/league-spartan_96d155934eb746bc55706f1589b67f14.woff) формат('woff'),url(http://allfont.de/cache/fonts/league-spartan_96d155934eb746bc55706f1589b67f14.ttf) формат('true) }
 

и поэтому, если шрифт не является локальным, он пытается получить его с allfont.de, но с http

Одним из способов решения этой проблемы было бы поместить этот код прямо в стиль в вашем заголовке, изменив два http на https, чтобы вы не зависели от текста allfont.

 @font-face{font-family:league spartan bold;стиль шрифта:нормальный;начертание шрифта:700;src:local('League Spartan Bold'),local('LeagueSpartan-Bold'),url(https ://allfont.de/cache/fonts/league-spartan_96d155934eb746bc55706f1589b67f14.woff) формат('woff'),url(https://allfont.de/cache/fonts/league-spartan_96d155934eb746bc55706f1589b67f14.ttf) формат('truef') формат }
 

Вставьте или импортируйте шрифт откуда-нибудь. Вы также можете загрузить шрифт, а затем использовать @font-face , чтобы импортировать его на свой сайт следующим образом:

 @шрифт {
 семейство шрифтов: «League Spartan Bold»; // Вы можете использовать любое имя
 src: url(fonts/thefont. ttf) format('TTF') // Путь к файлу шрифта
 // Вы можете использовать множество форматов, таких как TTF, OTF, WOFF
}
 

Таким образом, вы можете разместить свой собственный шрифт и не зависеть от сторонней службы (которая может быть отключена в любое время).

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Пользовательские шрифты не отображаются во внешнем интерфейсе

• Проблема с кэшем
• Несоответствие HTTP/HTTPS
• Ошибка CORS в консоли
• Импорт шаблонов
• Выбранный вес шрифта недоступен
• Недопустимый код1 90 Не все17 Пользовательский код 90 Варианты

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

Проблема с кэшем

Проблема может быть связана с кэшем.

1. Если вы используете плагин кеша WordPress, очистите его. Если ваш хост использует кэширование на стороне сервера, также очистите его. Возможно, вам придется попросить своего хоста помочь вам очистить его. Наконец, очистите кеш браузера. Для получения дополнительной информации о WordPress и кеше см. https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens
2. . После очистки всего кеша проверьте еще раз. Возможно, вам придется использовать другой браузер или браузер в режиме инкогнито, если кеш браузера не был полностью очищен.

Несоответствие HTTP/HTTPS

Если вы недавно перешли с HTTP на HTTPS, возможно, вам потребуется повторно загрузить файлы шрифтов, чтобы они обслуживались с HTTPS.

1. Перейдите к Elementor > Пользовательские шрифты . Если указанные URL-адреса не начинаются с https, нажмите кнопку УДАЛИТЬ рядом с каждым, а затем нажмите кнопку ЗАГРУЗИТЬ , чтобы повторно загрузить файлы.
2. Перейдите к Elementor > Инструменты и нажмите Регенерировать CSS 9Кнопка 0111
3. Теперь URL-адреса должны начинаться с https, а ваши шрифты должны отображаться во внешнем интерфейсе.

Если это все еще не работает, возможно, вы столкнулись с другими проблемами при предыдущем переходе на HTTPS.

1. Перейдите к Elementor > Инструменты > Заменить URL-адрес
2. В поле «Старый URL-адрес» введите URL-адрес сайта с HTTP, а в поле «Новый URL-адрес» введите URL-адрес сайта с HTTPS.
3. Нажмите кнопку Заменить URL-адрес .
4. Нажмите Кнопка Сохранить изменения .

Наконец, перейдите к настройкам WordPress в разделе Настройки > Общие

Убедитесь, что и адрес WordPress (URL), и адрес сайта (URL) начинаются с https

Ошибка CORS в консоли

Если ваш собственный шрифт не отображается, и вы получаете сообщение об ошибке CORS в консоли браузера, вам необходимо связаться с вашим хостом, так как ему потребуется изменить политику CORS сервера. Чтобы решить эту проблему, необходимо внести изменения в ваш сервер. Пожалуйста, свяжитесь с вашей хостинговой компанией, чтобы сообщить об этой проблеме. Вот полезные руководства из внешних источников, которые вы можете им предоставить.

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

https://htaccessbook.com/increase-security-x-security-headers/

Импорт шаблонов

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

Выбранная плотность шрифта недоступна

Для пользовательских шрифтов могут быть доступны не все доступные толщины шрифта. Если вы выберете определенный вес шрифта в параметрах типографики, но ваш пользовательский шрифт не имеет этого конкретного веса, он может вообще не отображать этот шрифт. В этом случае выберите другую толщину шрифта, доступную для вашего пользовательского шрифта.

Неверный пользовательский код

Если на сайт был добавлен недопустимый пользовательский код CSS или другой код, это может вызвать множество различных проблем с отображением, включая невозможность отображения пользовательских шрифтов. Удалите или исправьте неправильный код, чтобы решить эту проблему.

Не включает все варианты шрифта

Если пользовательские шрифты не отображаются, например, на устройствах iOS , убедитесь, что вы загрузили все варианты шрифта, включая .ttf .svg .woff .woff2 и .eot

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

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

Чтобы решить эту проблему, вы можете использовать инструмент Generator от Font Squirrel.