2017-07-27 12 views
1

シャイニーダッシュボードアプリケーション全体のデフォルトフォントを変更することはできますか?サイドバー、本文、ヘッダー、アプリケーション内のggplotsなどのフォントを含む?Rシャイニーアプリケーション全体のフォントファミリを変更する:CSS/HTML

私はあなたがそれぞれの作品 内のfont-family文を追加することができます知っている(例:H2(強い(textOutput( "T"))、スタイル=:;) "フォントファミリ 'ゴシック'")、 けど私のアプリ全体にArialを使用したいと思っています。私はすべての単一の機能に対して1行のコードを書く必要はありません。ショートカットはありますか?

可能であれば、インライン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", 

答えて

0

あなたはbodyセレクタ

body { 
 
    font-family: Arial; 
 
}

またはユニバーサルセレクタ*は、すべての要素

* { font-family: Arial; }
を変更します使用して、あなたがしたい font-familyを置くことができます

+0

素晴らしいです!それは私が別々のCSSファイルに入れる必要があるのでしょうか、それともどこかのRコードに入りますか? – SarahGC

+0

@SarahGCあなたはユニバーサルセレクタを使用することもできます* –

+0

両方の方法で行うことができます。 cssを編集する方法の詳細:https://shiny.rstudio.com/articles/css.html – user5029763

0

これは私の大好きではありませんが、これはうまくいきます。 !importantを揺さぶらなければならないことは間違いないでしょう。さもなければ、いくつかの要素のカスケードによって打ち消されます。

編集:確認するためにいくつかのサイトでテストしました。 !important

CSSなしに変更することすべてを取得することができませんでした:

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

* =マッチすべての要素

関連する問題