如何在 typo3 6.2 中添加字体大小选择器?

How can I add a fontsize selector in typo3 6.2?

我想在 typo3 6.2 中添加字体大小选择器。所以我创建了以下三个文件:

fontsize_normal.css
fontsize_medium.css
fontsize_large.css

相关的错字设置如下:

config {
  linkVars = L(0-2)
  uniqueLinkVars = 1
}

obj.fontsize = COA
obj.fontsize {
  1 = TEXT
  1.wrap = <div>|</div>
  1.value = A   
  1.value.typolink.parameter.data = page:uid
  1.value.typolink.additionalParams = &L=0

  2 < .1
  2.wrap = <div>|</div>
  2.value = A+
  2.value.typolink.additionalParams = &L=1

  3 < .1
  3.wrap = <div>|</div>
  3.value = A++
  3.value.typolink.additionalParams = &L=2
}

但是如果我包含 css 我会得到一个空白屏幕,所以应该是哪里出了问题

page = PAGE
page {
  includeCSS {
    [globalVar = GP:L = 0]
    selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
    [globalVar = GP:L = 1]
    selectorcss = fileadmin/system/Public/Css/fontsize_medium.css
    [globalVar = GP:L = 2]
    selectorcss = fileadmin/system/Public/Css/fontsize_large.css
    [global]
  }
}

这里有多个问题:

'L' 用作语言变量。使用它(不禁用它)将与 TYPO3 的语言选择发生冲突。您将需要创建自己的变量。

不能在您的错字中使用条件:

[globalVar = GP:L = 0]
page = PAGE
page {
  includeCSS {
    selectorcss = fileadmin/system/Public/Css/fontsize_normal.css
  }
}
[global]

虽然您可以使用错别字创建字体大小选择器,但我认为 javascript 方法会更容易和灵活得多。 它会让你选择操纵你的 DOM (或替换你的样式表,或加载一个新的样式表,或设置一个新的 body font-size ,等等......)并且你可以在 cookie 中保护你的设置进一步使用。

从可用性的角度来看,字体大小选择器已过时:用户可以在浏览器中设置自己的字体大小,字体大小应该是相对的(使用 em 而不是 px)。