Как изменить тип шрифта для всего сайта в Typo3 - PullRequest
0 голосов
/ 01 июня 2019

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

Я попытался добавить это в файл css моего расширения:

html {
    font-family: "Times New Roman", Times, serif;
}

Но шрифт на моем сайте не меняется на Times New Roman.

Я также использую загрузчик, включив его в setup.typoscript, на случай, если это что-то изменит.

Исходный код моей веб-страницы показывает, что она использует следующие CSS-файлы (где я добавил указанный выше код в файл, упомянутый во второй строке):

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" media="all">

<link rel="stylesheet" type="text/css" href="/typo3/typo3conf/ext/myextension/Resources/Public/Css/layout.min.css?1557481820" media="all">

1 Ответ

1 голос
/ 01 июня 2019

Ваша проблема здесь происходит, потому что Bootstrap перезаписывает ваше определение font-family для тега <html>; он применяет другой шрифт к тегу <body> и не зависит от использования TYPO3 в качестве CMS.

Вы можете проверить это, проверив DOM с помощью Chrome или Firefox Inspector.

Чтобы избежать этого, я думаю, у вас есть несколько вариантов

  1. Используйте пользовательскую версию Bootstrap вместо той, что есть в CDN, вы можете скомпилировать ее из файлов scss
  2. Правило перезаписи начальной загрузки, например, что-то вроде:

    body {
      font-family: "Times New Roman", Times, serif;
    }
    

этого должно быть достаточно, поскольку ваш CSS загружается после Bootstrap в коде.

Или даже использовать правило более высокой специфичности, например:

   html body {
      font-family: "Times New Roman", Times, serif;
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...