2017-02-07 7 views
1

私はl1が十分によく似ていて、初心者を混乱させる問題があります。自分のコードを見直しました。.Rmd html出力でプラットフォーム間で同じコードブロックフォントを強制する方法は?

私は、CSSスタイルシートにこれを追加することによって、私の.htmlの出力の同じプラットフォーム間滞在するフォントを強制できると思っていた:

code { 
    font-family: "Andale Mono", AndaleMono, monospace; 
} 

しかし、私はそれが成功しなかったと聞いてい - l1はまだ分かりにくいです。

プラットフォーム間で同じようにコードを強制的に表示する方法はありますか?

+0

てみてください'font-family:Andale Mono '、AndaleMono、モノスペース!重要;' –

+0

私のコメントを編集しました。すべての主要なプラットフォーム(Win、OSX、Linux)で利用可能なフォントをオンラインで確認することができます。 –

+0

ローカルシステムフォントで成功するのは容易ではありません。特定のフォントがすべてのプラットフォームに存在することを保証することはできません。唯一の解決策は、Webフォントを使用することです:https://fonts.google.com読者がインターネットにアクセスできない場合は、WebフォントをダウンロードしてHTMLに埋め込むことができます( 'self_contained = TRUE'の場合、これは自動的に行われますが、Pandocは再コンパイルするたびにフォントをダウンロードしますので、自分でフォントをダウンロードしてCSSを使用することをお勧めします)。 –

答えて

1

Googleフォントのようなウェブフォントを使用できます。たとえば、Source Code Proとします。 GoogleはHTMLドキュメントの<head>エリアにこれを追加することを教えてくれます:

<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> 

<code>要素にCSSルールを適用:Rマークダウン文書について

code { 
    font-family: 'Source Code Pro', monospace; 
} 

、あなたはに物事を追加することができます<head>includes option経由で送信します。たとえば、あなたのRMDファイルと同じディレクトリの下google-font.htmlという名前のファイルに上記の<link>コードを保存google-font.cssでCSSを保存し、RMDのYAMLで:!の最後に `important`を追加

--- 
title: Your Document Title 
output: 
    html_document: 
    includes: 
     in_header: "google-font.html" 
    css: "google-font.css" 
--- 
+0

それは動作します!忍者もの、ありがとう。これはFRが何とかフードの下でこれを処理することを保証するのに十分一般的だと思いますか? – MichaelChirico

+0

一般的なrmarkdownのドキュメントはすでにそこにあります(Googleのフォントと同じですが)。問題は、多くのユーザーがドットをどのように接続するか分からないと思うことです(フォント - > CSS - > R Markdown - > HTML)。あなたはrmarkdownドキュメンテーションのウェブサイトに短い記事を投稿することを歓迎します! –

関連する問題