|

Font family generator

フォントファミリーを生成するオンラインフォントファミリージェネレータです。

ご自由にご利用ください。

Definitions

Cascading Style Sheets(CSS)の font-family プロパティは、選択した要素に対して、フォントファミリー名や総称ファミリー名の優先順位リストを指定することができます。

Syntax

/* - generic family names - */

font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
font-family: system-ui;
font-family: ui-serif;
font-family: ui-sans-serif;
font-family: ui-monospace;
font-family: ui-rounded;
font-family: emoji;
font-family: math;
font-family: fangsong;

Initial values

depends on user agent.

Previews

Inputs

Selections

- generic families -
- serif -
- sans-serif -
- monospace -
- fantasy -
- cursive -
- macOS -
- iOS -
- Windows -
- Android -
- bold and italic options -

Descriptions

font-family プロパティは、ひとつ以上のフォントファミリーをカンマで区切って指定します。

指定されたフォントが利用可能であるという保証はないので、font-family リストの中に総称ファミリーを少なくともひとつ常に追加しておくべきです。総称ファミリーを使うことで、必要ならばブラウザーで受け付け可能な代替フォントを選択させることができます。

Values

family-name(フォントファミリーの名称)。空白を含むフォントファミリー名は、引用符で囲む必要があります。

generic-name(総称フォントファミリーの名称(代替))。総称フォントファミリー名は、引用符で囲んではいけません。総称フォントファミリー名は、フォントファミリー名リストの最終選択肢である必要があります。

Formal syntax

font-family: '<family-name>', <generic-name>;

Examples css

font-family: 'Times New Roman', Times, serif;

font-family: Arial, Helvetica, sans-serif;

font-family: monospace;

Summary

最後までご高覧いただきましてありがとうございました。

フォントファミリーを生成するオンラインフォントファミリージェネレータをご紹介させていただきました。

ご自由にご利用ください。

現場からは以上でした。