diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-16 09:42:04 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-23 23:30:24 +0900 |
| commit | dec4fdef53365fde289fe07c7c35adfd0b7379e1 (patch) | |
| tree | 12489cb6449bb8a98ca0fc3bb4bca512d679f03d /files/ja/web/css/@font-face/src | |
| parent | d3b272864e9272f74876494d4d63c889277f1418 (diff) | |
| download | translated-content-dec4fdef53365fde289fe07c7c35adfd0b7379e1.tar.gz translated-content-dec4fdef53365fde289fe07c7c35adfd0b7379e1.tar.bz2 translated-content-dec4fdef53365fde289fe07c7c35adfd0b7379e1.zip | |
Web/CSS/@font-face 以下の記述子の記事を変換準備
Diffstat (limited to 'files/ja/web/css/@font-face/src')
| -rw-r--r-- | files/ja/web/css/@font-face/src/index.html | 52 |
1 files changed, 25 insertions, 27 deletions
diff --git a/files/ja/web/css/@font-face/src/index.html b/files/ja/web/css/@font-face/src/index.html index ddb05bcf5a..c7c6478916 100644 --- a/files/ja/web/css/@font-face/src/index.html +++ b/files/ja/web/css/@font-face/src/index.html @@ -3,19 +3,19 @@ title: src slug: Web/CSS/@font-face/src tags: - '@font-face' - - At-rule descriptor + - アットルール記述子 - CSS - CSS Descriptor - CSS Fonts - CSS Property - - Reference + - リファレンス translation_of: Web/CSS/@font-face/src --- -<div>{{CSSRef}}</div> +{{CSSRef}} -<p><strong><code>src</code></strong> は CSS における {{cssxref("@font-face")}} 規則の 記述子で、フォントデータを含むリソースを指定します。 <code>@font-face</code> 規則を有効にするためには必要です。</p> +<strong>`src`</strong> は CSS における {{cssxref("@font-face")}} 規則の 記述子で、フォントデータを含むリソースを指定します。 `@font-face` 規則を有効にするためには必要です。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 <pre class="brush: css notranslate">/* <url> 値 */ src: url(https://somewebsite.com/path/to/font.woff); /* 絶対 URL */ @@ -37,28 +37,26 @@ src: local(font), url(path/to/font.svg) format("svg"), <h3 id="Values" name="Values">値</h3> -<dl> - <dt><code><url> [ format( <string># ) ]?</code></dt> - <dd>{{cssxref("<url>")}} と、続けて任意で <code id="format()">format()</code> 関数で URL で参照するフォントリソースの形式を記述して外部参照を指定します。形式のヒントには、知られているフォント形式を示す書式文字列をカンマで区切ったリストを指定します。ユーザーエージェントが指定した形式に対応していない場合は、フォントリソースをのダウンロードを飛ばします。形式のヒントが指定されていない場合は、フォントリソースはが常にダウンロードされます。</dd> - <dt><code><font-face-name></code></dt> - <dd><code id="local()">local()</code> を使用して、ローカルに導入されたフォントフェイスを、より大きなフォントファミリ内で単一のフォントフェイスを一意に識別する名前で指定します。任意で名前を引用符で囲むことができます。</dd> -</dl> +- `<url> [ format( <string># ) ]?` + - : {{cssxref("<url>")}} と、続けて任意で <code id="format()">format()</code> 関数で URL で参照するフォントリソースの形式を記述して外部参照を指定します。形式のヒントには、知られているフォント形式を示す書式文字列をカンマで区切ったリストを指定します。ユーザーエージェントが指定した形式に対応していない場合は、フォントリソースをのダウンロードを飛ばします。形式のヒントが指定されていない場合は、フォントリソースはが常にダウンロードされます。 +- `<font-face-name>` + - : <code id="local()">local()</code> を使用して、ローカルに導入されたフォントフェイスを、より大きなフォントファミリ内で単一のフォントフェイスを一意に識別する名前で指定します。任意で名前を引用符で囲むことができます。 <h2 id="Description" name="Description">解説</h2> -<p>値は、外部参照またはローカルにインストールされたフォントフェイス名を、カンマで区切った優先度付きリストです。フォントが必要になった時、{{glossary("user agent", "ユーザーエージェント")}}はリスト上の参照を走査し、アクティブ化に成功した最初の物を使用します。無効なデータを持ったフォントや見つからないローカルのフォントは無視され、ユーザーエージェントはリスト上の次のフォントを読み込みます。</p> +値は、外部参照またはローカルにインストールされたフォントフェイス名を、カンマで区切った優先度付きリストです。フォントが必要になった時、{{glossary("user agent", "ユーザーエージェント")}}はリスト上の参照を走査し、アクティブ化に成功した最初の物を使用します。無効なデータを持ったフォントや見つからないローカルのフォントは無視され、ユーザーエージェントはリスト上の次のフォントを読み込みます。 -<p>CSS のその他の URL と同様に、相対 URL を使用することができ、この場合は <code>@font-face</code> 規則を含むスタイルシートの位置からの相対になります。 SVG フォントの場合、 URL は SVG フォント定義を含む文書内の要素を指します。要素への参照が省略された場合は、参照は最初に定義されたフォントを含みます。同様に、複数のフォントを持つフォントコンテナー形式では、 <code>@font-face</code> 規則で指定された一つだけを読み込みます。読み込むフォントを示すためにはフラグメント識別子を使用します。コンテナー形式がフラグメントで識別する方法を持たない場合は、1から始まる添字 (例えば "font-collection#1" が最初のフォント、 "font-collection#2" が二番目のフォント、など) が使用されます。</p> +CSS のその他の URL と同様に、相対 URL を使用することができ、この場合は `@font-face` 規則を含むスタイルシートの位置からの相対になります。 SVG フォントの場合、 URL は SVG フォント定義を含む文書内の要素を指します。要素への参照が省略された場合は、参照は最初に定義されたフォントを含みます。同様に、複数のフォントを持つフォントコンテナー形式では、 `@font-face` 規則で指定された一つだけを読み込みます。読み込むフォントを示すためにはフラグメント識別子を使用します。コンテナー形式がフラグメントで識別する方法を持たない場合は、1から始まる添字 (例えば "font-collection#1" が最初のフォント、 "font-collection#2" が二番目のフォント、など) が使用されます。 <h2 id="Formal_definition" name="Formal_definition">公式定義</h2> -<p>{{cssinfo}}</p> +{{cssinfo}} <h2 id="Formal_syntax" name="Formal_syntax">形式文法</h2> {{csssyntax}} -<h2 id="Examples" name="Examples">例</h2> +## 例 <h3 id="Specifying_font_resources_using_url_and_local" name="Specifying_font_resources_using_url_and_local">url() と local() を使用したフォントリソースの指定</h3> @@ -70,7 +68,7 @@ src: local(font), url(path/to/font.svg) format("svg"), } </pre> -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 <table class="standard-table"> <thead> @@ -91,18 +89,18 @@ src: local(font), url(path/to/font.svg) format("svg"), <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> -<p>{{Compat("css.at-rules.font-face.src")}}</p> +{{Compat("css.at-rules.font-face.src")}} -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 <ul> - <li>{{cssxref("@font-face/font-display", "font-display")}}</li> - <li>{{cssxref("@font-face/font-family", "font-family")}}</li> - <li>{{cssxref("@font-face/font-stretch", "font-stretch")}}</li> - <li>{{cssxref("@font-face/font-style", "font-style")}}</li> - <li>{{cssxref("@font-face/font-weight", "font-weight")}}</li> - <li>{{cssxref("@font-face/font-variant", "font-variant")}}</li> - <li>{{cssxref("font-feature-settings", "font-feature-settings")}}</li> - <li>{{cssxref("@font-face/font-variation-settings", "font-variation-settings")}}</li> - <li>{{cssxref("@font-face/unicode-range", "unicode-range")}}</li> +- {{cssxref("@font-face/font-display", "font-display")}} +- {{cssxref("@font-face/font-family", "font-family")}} +- {{cssxref("@font-face/font-stretch", "font-stretch")}} +- {{cssxref("@font-face/font-style", "font-style")}} +- {{cssxref("@font-face/font-weight", "font-weight")}} +- {{cssxref("@font-face/font-variant", "font-variant")}} +- {{cssxref("font-feature-settings", "font-feature-settings")}} +- {{cssxref("@font-face/font-variation-settings", "font-variation-settings")}} +- {{cssxref("@font-face/unicode-range", "unicode-range")}} </ul> |
