gpt4 book ai didi

html - 更改整个 R Shiny App 的字体系列 : CSS/HTML

转载 作者:可可西里 更新时间:2023-11-01 13:22:08 25 4
gpt4 key购买 nike

是否可以更改整个 Shiny 仪表板应用程序的默认字体?包括侧边栏、正文、标题、应用程序内的 ggplots 等的字体?

我知道你可以在每个片段中添加 font-family 语句(示例:h2(strong(textOutput("t")), style = "font-family: 'Arial';")), 但我希望我的整个应用程序都使用 Arial,而且我不想为每个功能都编写一行代码。有捷径吗?

此外,如果可能,内联 CSS 优于单独的 css 文件。

谢谢,莎拉

编辑:

这是我的一些代码。你能告诉我把必要的 CSS 放在哪里吗?

body<-dashboardBody( tags$style(".content {background-color: black;}"),
useShinyjs(),
tags$style(type='text/css', ".skin-blue .main-header .logo {background-color: #000000}" ),
tags$style(type='text/css', ".skin-blue .main-header .logo:hover {background-color: #000000}"),
tags$style(type='text/css', ".skin-blue .main-header .navbar {background-color: #000000}"),
tags$style(type="text/css",".shiny-output-error { visibility: hidden; }",".shiny-output-error:before { visibility: hidden; }"),
fluidPage(
img(src="img2.PNG",height="100%", width="100%",style='padding:0px;'),
br(),br(),
tabBox("Menu Database", width = 12,
tabPanel("Menu Database",
tabsetPanel(
tabPanel("LTO Survey results",

最佳答案

@David Kris 接受的答案是绝对正确的,以防万一有人(比如我)需要更多的阐述。正如他的回答中提到的,插入代码

 * { font-family: "Arial"; }

要么在

  1. 一个 css 文件 ( shiny.rstudio.com/articles/css.html ),对于那些懒惰的人(比如我):
  • 在您的应用程序目录中创建一个文件夹 www,
  • 将 bootstrap_custom.css 文件放在上面的代码中,
  • 在您的 R 代码中,使用
ui <- dashboardPage(dashboardHeader(), dashboardSidebar(), dashboardBody(),
tags$head(tags$link(rel = "stylesheet", type = "text/css", href = "bootstrap_custom.css"))

  1. 直接进入您的 R 代码:
ui <- dashboardPage(dashboardHeader(), dashboardSidebar(), dashboardBody(),
tags$head(tags$style(HTML('* {font-family: "Arial"};'))))

关于html - 更改整个 R Shiny App 的字体系列 : CSS/HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45359552/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com