在 Shiny 中更改 HTML() 内文本的字体大小

Question

我的 Shiny 应用程序中有一个与此类似的

HTML()

对象，用于生成项目符号列表：

text <- HTML(
    "
    <h1>Title</h1>
    Some text goes here
    <br/>
    <ul>
    <li>
    <h3>Another title</h3>
    Some text goes here
    </li>
    <li>
    Some other text goes here
    </li>
    </ul>
    "
)

如何更改

HTML()

中元素的字体大小？或者，是否有更好的方法来生成项目符号列表？

Answer 1

可以通过多种方式更改字体大小

1.使用内联样式

您可以使用 style 属性向 HTML 元素添加内联样式。例如，要更改 h1 和 h3 元素的字体大小，您可以执行以下操作：

<h1 style='font-size: 24px;'></h1>
<h3 style='font-size: 18px;'></h3>

2.使用单独的 CSS 文件

处理大量样式时，建议将它们与 HTML 代码分开。这种方法提高了代码库的组织性、可读性和可维护性。在 Shiny 中，可以使用

includeCSS()

函数创建单独的 CSS 文件并将其包含在应用程序中。

在一个名为

styles.css

,

的单独文件中

  h1 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

您可以将该文件包含到主文件中，

includeCSS("styles.css")