如何更改在typo3 8.7中创建的表单的字体？

Question

我不是typo3的新手，并且想要建立一个简单的联系表。因此，我创建了一个表单并将其添加到页面中。我的模板记录如下：

page = PAGE
page.typeNum = 0
page.10 < styles.content.get
page.includeCSS {
  file1 = fileadmin/templates/css/style.css
}

我可以看到该表格并且它可以正常运行，但是很遗憾，我的CSS没有任何作用。

我的style.css如下：

p {
    font-family: arial;
    font-size: 120px;
}

我必须承认我也不了解CSS。我所做的更改对我的页面绝对没有影响。这些信息有没有帮助您？我整日都在寻找解决方案，我只是不知道如何自行解决。

Answer 1

您应该了解有关CSS文件结构的更多信息。也许您可以使用浏览器从其他站点进行检查。

然后您会发现它类似于：

p {
    font-family: arial; 
}

---

对于打字稿中的文件路径或对象和属性：请勿插入空格：

:
page.10 < styles.content.get
page.includeCSS {
    file1 = fileadmin/templates/css/style.css
}

Answer 2

您的style.css仅应包含以下内容：

p {
  font-family: arial;
  font-size: 120px;
}

...，您会发现其中的区别;）

可能只是复制和粘贴错误，但是您的TypoScript（又名模板记录）在不应包含空格的地方：

...
file1 = fileadmin/templates/css/style.css
...

Answer 3

120px将导致字体很大；-）

不仅将p设置为body-tag的样式定义（因此，对于主体下面的所有元素）。

body {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

Answer 4

您应该分别定义输入字段的样式。对于某些浏览器，从body标签定义的继承似乎不起作用。

input，textarea {font-size：1.25em; font-family：serif;边框：1px深灰色； }

类似的东西。