スタート
概要
LPSub Fonts API は以下の 2 つのステップだけで使い始めることができます。
- 目的のウェブフォントをリクエストするためのスタイルシートのリンクを追加します。
css
@import url("//fonts.lpsub.com/css/sarasa-gothic-sc.css");
又は:
html
<link rel="stylesheet" href="//fonts.lpsub.com/css/sarasa-gothic-sc.css" />
- リクエストされたウェブフォントの要素のスタイルをスタイルシート
css
.yourClassName {
font-family: Arial, Helvetica, 'Sarasa Gothic SC', sans-serif;
}
で設定します。
または、要素自体にインライン スタイルを付けます。
html
<div style="font-family: Arial, Helvetica, 'Sarasa Gothic SC', sans-serif;">yourText</div>
TIP
注: CSS スタイルでウェブフォントを指定する場合は、予期しない動作を避けるため、常にウェブセーフ フォントを少なくとも 1 つリストするようにしてください。特に、serif
やsans-serif
のような CSS 汎用フォント名をリストの末尾に追加することで、必要に応じてブラウザはデフォルトのフォントにフォールバックできます。
使用できるフォントの一覧については、フォント ファイルの説明 を参照してください。