2017-05-31 9 views
0

CSSを初めて使用し、Xaringanを使用してRMarkdownプレゼンテーションの書式を編集しようとしました。私がしたい変更の1つは、スライドテキストの行間隔を広げることです。編集済みCSSがrmarkdown xaringanプレゼンテーションを変更しない

はここに私の.RmdファイルのYAMLのyeaderの関連部分です:

output: 
    xaringan::moon_reader: 
    css: "libs/remark-css/example.css" 
    lib_dir: libs 
    nature: 
     highlightStyle: github 
     highlightLines: true 
     countIncrementalSlides: false 

そしてexample.cssで、私はbody仕様にline-heightを追加しました:

body { 
    font-family: 'Palatino Linotype', 'Droid Serif', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; 
    line-height: 1.5em; 
} 

しかし、ときに私index.Rmdとknit HTMLファイルに戻ると、行間は変更されません。フォントやフォントサイズなどを変更しようとすると同じことが起こります。私は間違っていますか?

+0

CSSファイルは適切な場所にありますか?つまり、あなたはそれを変更して最終的な結果を見ることができますか? – ekstroem

+0

.cssファイルは、YAMLヘッダーで指定されたパスにあります。また、.cssファイルにアクセスせずにHTMLドキュメントを編成して作成するとは思われません。しかし、私がexample.cssに行った編集は、何の効果もないようです。おそらく何か愚かな間違い、ちょっとわからない! – AFH

答えて

1

私はちょうど確認しました。.cssファイルは、.Rmdプレゼンテーションファイルと同じディレクトリにありません。したがって、ファイルを見つけることができないという問題がなければ、ファイル.cssの内容でなければなりません。

あなたのニーズに合わせて、この例のexample.cssファイルを変更できます。それは動作し、背景、フォントなどを変更します。実際の変更を行うのは.remark-slide-contentの下の部分です。

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); 
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); 
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700); 

/* CE Added my favorite fonts */ 
@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans'); 

body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; 
     background-color:#222; 
    } 

/* Default background colour, and font size */ 
.remark-slide-content{ background-color:#222; 
         font-family: 'Fira Sans', 'Yanone Kaffeesatz'; 
         color: #fff; 
         font-size: 220%; /* Regular text */ 
/*      font-family: 'Alegreya Sans', sans-serif; */ 
         font-family: 'Alegreya', serif;     
        } 

私のYAMLはあなたのために何でもすること

output: 
    xaringan::moon_reader: 
    lib_dir: libs 
    css: ['default', 'example.css'] 

ん(ほかの部分、それの)このように見えますか?

+0

はい!それは私がそれを編むときに私は新しい.cssファイルで指定されたあなたの書式を参照して動作します。私は問題は.cssファイルをリポジトリのホームディレクトリに置くことでなければならないと思う(これは明らかに "デフォルト"がどこにあるのか?)。ありがとうございました! – AFH

+0

それは、サブディレクトリ内のCSSファイルで動作するはずです。ちょうどそれを試して、答えを更新しました。 – ekstroem

関連する問題