如何在Typo3中更改整个网站的字体类型

时间:2019-06-01 15:35:34

标签: typo3 typo3-9.x

这可能是由于我是Typo3的初学者,并且对它的结构没有很好的了解,但是我似乎无法找到在整个网站上更改所使用字体的位置。

我尝试将其添加到扩展名的css文件中:

fromList

但是我网站上的字体没有更改为Times New Roman。

我还通过在setup.typoscript中包含引导程序来使用引导程序,以防万一。

我的网页的源代码显示它正在使用以下css文件(我在上面的代码中添加了第二行提到的文件):

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

1 个答案:

答案 0 :(得分:0)

您的问题之所以会发生,是因为Bootstrap会覆盖font-family标签的<html>定义;它将不同的字体应用于<body>标签,并且与TYPO3作为CMS的使用无关。

您可以通过使用Chrome或Firefox Inspector检查DOM来进行检查。

为避免这种情况,我认为您有几种选择

  1. 使用自定义版本的Bootstrap而不是CDN中的版本,可以从其scss文件进行编译
  2. 覆盖Bootstrap规则,例如使用以下内容:

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

这应该足够了,因为您的CSS是在Bootstrap之后的代码中加载的。

或者甚至使用更高的特异性规则,例如:

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