Text: Custom Fonts

Enabling Custom Fonts

特別な meta-font 要素を用いることで、そのテーマを共有する他のユーザーが Customize - Theme から簡単にフォントを変更することができる。書式は以下の通り。
<meta name="color:***" content="+++"/>
*** には内容名などの分かり易い名前（スペースを含んでも良い）を、+++ にはフォント名を指定する。style 要素などで {font:***} と記述すると、その部分が +++ に置き換わる。

例：

<html>
    <head>
        <!-- DEFAULT FONTS -->
        <meta name="font:Title" content="Helvetica Neue"/>
        <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>

        <style type="text/css">
            h1 {
                font: 30px {font:Title};
            }
        
            #content {
                font: 12px {font:Body};
            }
        </style>
    </head>
    ...
</html>
posted at 20100118 18:51 | Permalink