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/unicode-range | |
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/unicode-range')
-rw-r--r-- | files/ja/web/css/@font-face/unicode-range/index.html | 60 |
1 files changed, 29 insertions, 31 deletions
diff --git a/files/ja/web/css/@font-face/unicode-range/index.html b/files/ja/web/css/@font-face/unicode-range/index.html index e51f494923..c2c394befd 100644 --- a/files/ja/web/css/@font-face/unicode-range/index.html +++ b/files/ja/web/css/@font-face/unicode-range/index.html @@ -2,21 +2,21 @@ title: unicode-range slug: Web/CSS/@font-face/unicode-range tags: - - At-rule descriptor + - アットルール記述子 - CSS - CSS Fonts - CSS Property - Experimental - Layout - - Reference + - リファレンス - Web translation_of: Web/CSS/@font-face/unicode-range --- -<div>{{cssref}}</div> +{{cssref}} -<p><strong><code>unicode-range</code></strong> は CSS の記述子で、 {{cssxref("@font-face")}} で定義されたフォントから使用される特定の文字範囲を設定し、現在のページで使用できるようにします。ページがこの範囲内の文字を使用しない場合、フォントはダウンロードされません。少なくとも 1 つの文字を使用すると、フォント全体がダウンロードされます。</p> +<strong>`unicode-range`</strong> は CSS の記述子で、 {{cssxref("@font-face")}} で定義されたフォントから使用される特定の文字範囲を設定し、現在のページで使用できるようにします。ページがこの範囲内の文字を使用しない場合、フォントはダウンロードされません。少なくとも 1 つの文字を使用すると、フォント全体がダウンロードされます。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 <pre class="brush:css notranslate">/* <unicode-range> 値 */ unicode-range: U+26; /* 単一の符号位置 */ @@ -28,34 +28,32 @@ unicode-range: U+0025-00FF, U+4??; /* 複数の値 */ <h3 id="Values" name="Values">値</h3> -<dl> - <dt><em><strong>単一の符号位置</strong></em></dt> - <dd>単一の Unicode 符号位置。例: <code>U+26</code>.</dd> - <dt><em><strong>符号位置の範囲</strong></em></dt> - <dd>Unicode 符号位置の範囲。例えば、 <code>U+0025-00FF</code> は、 <em><code>U+0025</code> から <code>U+00FF</code> の範囲内の全文字を含む</em>こと意味します。</dd> - <dt><em><strong>ワイルドカードの範囲</strong></em></dt> - <dd>ワイルドカード文字を含む Unicode 符号位置の範囲。 <code>'?'</code> 文字を使用します。例えば、<code>U+4??</code> は <em><code>U+400</code> から <code>U+4FF</code> の範囲の全文字を含む</em>ことを意味します。</dd> -</dl> +- <em><strong>単一の符号位置</strong></em> + - : 単一の Unicode 符号位置。例: `U+26`. +- <em><strong>符号位置の範囲</strong></em> + - : Unicode 符号位置の範囲。例えば、 `U+0025-00FF` は、 <em>`U+0025` から `U+00FF` の範囲内の全文字を含む</em>こと意味します。 +- <em><strong>ワイルドカードの範囲</strong></em> + - : ワイルドカード文字を含む Unicode 符号位置の範囲。 `'?'` 文字を使用します。例えば、`U+4??` は <em>`U+400` から `U+4FF` の範囲の全文字を含む</em>ことを意味します。 <h2 id="Description" name="Description">解説</h2> -<p>この記述子の目的は、ブラウザーが特定のページのテキストコンテンツに必要なフォントリソースをダウンロードするだけで済むように、フォントリソースをセグメント化できるようにすることです。たとえば、ローカライズが多いサイトでは、英語、ギリシャ語、日本語のフォントリソースを個別に提供できます。英語版のページを閲覧しているユーザーには、ギリシャ語と日本語のフォントのフォントリソースをダウンロードする必要はなく、帯域幅を節約できます。</p> +この記述子の目的は、ブラウザーが特定のページのテキストコンテンツに必要なフォントリソースをダウンロードするだけで済むように、フォントリソースをセグメント化できるようにすることです。たとえば、ローカライズが多いサイトでは、英語、ギリシャ語、日本語のフォントリソースを個別に提供できます。英語版のページを閲覧しているユーザーには、ギリシャ語と日本語のフォントのフォントリソースをダウンロードする必要はなく、帯域幅を節約できます。 <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="Using_a_different_font_for_a_single_character">Using a different font for a single character</h3> -<p>異なるフォントでスタイルを設定したいアンパサンド (アンド記号) を含む 1 つの {{HTMLElement("div")}} 要素を持つだけの HTML を作成します。明確にするために、テキストにはサンセリフフォントの <em>Helvetica</em> を使用し、アンパサンドにはセリフフォントの <em>Times New Roman</em> を使用します。</p> +異なるフォントでスタイルを設定したいアンパサンド (アンド記号) を含む 1 つの {{HTMLElement("div")}} 要素を持つだけの HTML を作成します。明確にするために、テキストにはサンセリフフォントの <em>Helvetica</em> を使用し、アンパサンドにはセリフフォントの <em>Times New Roman</em> を使用します。 -<p>CSS において、1 つの文字だけを含んだ完全に別個の {{cssxref("@font-face")}} を定義していることが分かります。つまりこの文字だけがこのフォントでスタイルされることになります。これはアンパサンドを {{HTMLElement("span")}} 内に入れて別のフォントを適用することによっても可能ですが、それには余分な要素とルールセットが必要です。</p> +CSS において、1 つの文字だけを含んだ完全に別個の {{cssxref("@font-face")}} を定義していることが分かります。つまりこの文字だけがこのフォントでスタイルされることになります。これはアンパサンドを {{HTMLElement("span")}} 内に入れて別のフォントを適用することによっても可能ですが、それには余分な要素とルールセットが必要です。 <h4 id="HTML">HTML</h4> @@ -76,9 +74,9 @@ div { <h4 id="Result" name="Result">結果</h4> -<p>{{EmbedLiveSample("Using_a_different_font_for_a_single_character", 500,104)}}</p> +{{EmbedLiveSample("Using_a_different_font_for_a_single_character", 500,104)}} -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 <table class="standard-table"> <thead> @@ -99,18 +97,18 @@ div { <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> -<p>{{Compat("css.at-rules.font-face.unicode-range")}}</p> +{{Compat("css.at-rules.font-face.unicode-range")}} -<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/src", "src")}}</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/src", "src")}} </ul> |