DokuWikiで情報発信

個人での情報発信や社内での情報共有に便利なDokuWikiを紹介するサイトです。

ユーザ用ツール

サイト用ツール


Top     SiteMap

サイドバー

Top     SiteMap

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

最近の更新

template:fonts.html



「テンプレート」に戻る

Dokuwikiのフォントを変更する

概要

フォントを変えることができます。


デフォルトテーマの場合

デフォルトのフォント設定

(略)/lib/tpl/dokuwiki/css/basic.less

body {
    font: normal 87.5%/1.4 Arial, sans-serif;
    /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
    -webkit-text-size-adjust: 100%;
}


変更例

利用しているテンプレートのCSSに以下を追加しましょう。
私の場合は、my_style.cssを読み込んでいるので、そこに追加しています。
(略)/lib/tpl/dokuwiki/css/my_style.css

例1 英字がArial、和字がメイリオ
  • 英字がArial、和字がメイリオ
  • / の後の数字は line-height
body {
    font: normal 87.5%/1.6 Arial, Meiryo, Chicago, sans-serif;
}

参考:DokuWikiの整備履歴+メモ [心の家路]


例2 Google Fonts Open Sans

注意:個人的にはあまり体感はなかったですが、表示が遅くなるらしいです。

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
body {
    font: normal 87.5%/1.4 'Open Sans', Verdana, sans-serif;
}

参考:フォントの変更 [Hosomi wiki]


注意

/lib/tpl/dokuwiki/style.iniで、my_style.cssを読み込んでいること

css/design.less           = screen
css/pagetools.less        = screen
css/content.less          = screen
css/my_style.css      = screen      ← これがあること。







「テンプレート」に戻る




template/fonts.html.txt · 最終更新: 2017/09/07 by oreda admin