UD新ゴ コンデンス90
見出しに「UD新ゴ コンデンス90 M」、本文に「UD新ゴ コンデンス90 L」の２種のWEBフォントを指定したパターンのサンプルです。
WEBフォントを使うときは、見出しなどにはBOLD指定するのではなく、太字のフォントを指定するのが一般的だと思いますが、その場合読み込むWEBフォントが２つとなるためデータ量が多くなってしまいます。高速化しているサーバーが用意しているWEBフォントの場合の読み込み時間などを体感してください。
LOREM IPSUM
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ポラーノの広場
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。
1,2,3,4,5,6,7,8,9,10
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>
body { font-family: "UD Shin Go Conde90 L"; }
h1,h2,h3,h4 { font-family: "UD Shin Go Conde90 M"; }
エックスサーバーWebフォント指定の仕方・指定コード
https://www.xserver.ne.jp/manual/man_server_webfont_html.php
エックスサーバーWebフォントサンプル
https://www.xserver.ne.jp/functions/service_webfont_shotai.php