Nano Hash - криптовалюты, майнинг, программирование

Браузеры не соблюдают шрифты в начальной загрузке

Я создал базовый стартовый шаблон Bootstrap, чтобы поэкспериментировать с различными доступными темами bootswatch. Я заметил, что когда я меняю тему бутвотч (например, с "лазурной" на "йети"), в то время как цвета, указанные в css темы, изменяются в браузере, шрифты не меняются в Firefox (обновление 53) или Chrome (версия 59); однако IE 11 показывает правильный шрифт. Независимо от того, какую тему загрузки я выберу, шрифты в css темы учитываются только в IE.

Мои поиски ответов пока не увенчались успехом. Я сослался на вопрос "http://stackoverflow.com/questions/23608504/css-code-for-eras-light-itc", но я не уверен, что это то, с чем я столкнулся, или это что-то другое на моем пути.

css internet-explorer twitter-bootstrap-3 firefox
15.06.2017

  • Речь идет о шрифте Open Sans, который применяется к ‹body› с помощью bootstrap.css: body { font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; } 15.06.2017

Ответы:


1

Используете ли вы Google Fonts для рендеринга Open Sans или это шрифт для вашей темы Bootswatch? Если вы визуализируете через Google Fonts, убедитесь, что ваша ссылка на него идет ПОСЛЕ ваших файлов bootstrap.css.

Кроме того: если вы работаете с работающим сайтом, убедитесь, что кеш сайта не блокирует вас (что может привести к задержкам в отображении изменений в файле .css).

15.06.2017
  • Хм? Файлы шрифтов должны быть загружены перед таблицей стилей, которая на них ссылается. Вы поняли это неправильно. 15.06.2017
  • Упс! Вы правы, я написал это наоборот. 15.06.2017
  • Шрифты находятся в моей теме Bootswatch. Моя первая ссылка на css предназначена для Bootstrap («lib/bootstrap/dist/css/bootstrap.min.css»), а вторая ссылка — на css темы Bootswatch («lib/bootswatch/yeti/bootstrap.min.css»). Сайт находится в разработке, а не в разработке. 15.06.2017
  • Насколько я знаю, темы Bootswatch являются автономными, и если вы попытаетесь запустить как Bootstrap 3, так и тему Bootswatch, вы столкнетесь с такими проблемами. Попробуйте закомментировать загрузочный CDN и посмотреть, решит ли это проблему. 15.06.2017
  • Комментирование загрузочного CDN приводит к такому же поведению. Я совершенно уверен, что Bootstrap требует ссылки на базовый css Bootstrap, за которой следует ссылка на пользовательский стиль/шаблон Bootswatch, который вы хотите использовать. 16.06.2017
  • В документации Bootswatch указано, что вы должны заменить Bootstrap CSS на Bootswatch CSS. bootswatch.com/help: Использовать темы так же просто, как загрузив файл CSS и заменив файл, поставляемый с Bootstrap. Я не верю, что они предназначены для совместной работы. 16.06.2017
  • После дальнейшего чтения и экспериментов проблема заключалась в том, что у меня не было Open Sans в моей системе и ничего в верхней части моей страницы для загрузки шрифта, если это необходимо. Я связал его со шрифтами Google с помощью: '‹link rel=stylesheet href=fonts.googleapis .com/css?family=Open+Sans›' 16.06.2017

    • 2

    Шаблон Bootswatch и основной CSS Bootstrap ссылались на шрифт «Open Sans», но этот шрифт не был шрифтом в системе. Его нужно было загрузить из библиотеки веб-шрифтов Google в верхней части страницы с помощью: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans"/>. Как только это было сделано, страница загружалась в соответствии с шаблоном Bootswatch, учитывая как цвета, так и шрифты.

    15.06.2017
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..