在整个R中更改字体系列R Shiny App：CSS/HTML

是否可以更改整个闪亮仪表板应用程序的默认字体？包括应用程序中的侧栏，正文，标题，ggplots等字体？在整个R中更改字体系列R Shiny App：CSS/HTML

我知道你可以每一块中添加FONT-FAMILY语句（例如：H2（强（textOutput（ “T”）），风格= “FONT-FAMILY： '宋体';”）），但我希望我的整个应用程序使用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",

来源

2017-07-27 SarahGC

你可以把你想要的font-family在body选择

body { 
 
    font-family: Arial; 
 
}

或使用通用选择*会改变每一个元素

* { font-family: Arial; }

来源

2017-07-27 19:37:16

太棒了！那是我需要放在一个单独的css文件中，还是将它放在我的R代码中？ – SarahGC

@SarahGC你也可以使用通用选择器* –

它可以通过两种方式完成。有关如何编辑css的更多详细信息：https：// shiny.rstudio.com/articles/css.html – user5029763

那么，这不是我最喜欢做的，但这将工作。很确定你将不得不摇滚!important，否则你会在某些元素上被级联击败。

编辑：在几个网站测试确认。无法得到的一切改变，而不!important

CSS：

* { 
    font-family: Arial, sans-serif !important; 
}

* =匹配所有元素

来源

2017-07-27 19:41:07

在整个R中更改字体系列R Shiny App：CSS/HTML

回答

相关问题