diff options
Add Typography Fonts Docs
1 files changed, 19 insertions, 0 deletions
| -rw-r--r-- | docs/elements.html | 19 |
diff --git a/docs/elements.html b/docs/elements.html index 9f214ce..85a0632 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -409,6 +409,25 @@ <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"cjk"</span>><<span class="tag">del</span>>祇園<<span class="tag">/del</span>><<span class="tag">del</span>>精舎<<span class="tag">/del</span>>の鐘の声、諸行無常の響きあり。……<<span class="tag">/p</span>> </code></pre> + <h4 id="typography-fonts" class="s-subtitle">Fonts</h4> + <div class="docs-note"> + <p>Spectre sets the most common and best <code>font-family</code> for each OS with fallback support in old systems. There are also fonts targeted East Asian typography.</p> + </div> + +<!-- fonts --> +<pre class="code"><code><span class="com"><!-- Western typography targeted --></span> +<span class="atn">font-family</span>: <span class="atv">-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif</span>; +<span class="com"><!-- Monospace typography targeted --></span> +<span class="atn">font-family</span>: <span class="atv">"SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace</span>; + +<span class="com"><!-- Chinese typography targeted --></span> +<span class="atn">font-family</span>: <span class="atv">-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif</span>; +<span class="com"><!-- Japanese typography targeted --></span> +<span class="atn">font-family</span>: <span class="atv">-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif</span>; +<span class="com"><!-- Korean typography targeted --></span> +<span class="atn">font-family</span>: <span class="atv">-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif</span>; +</code></pre> + <h4 id="typography-blockquote" class="s-subtitle">Blockquote</h4> <blockquote> <p>The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life. </p> |