From dec4fdef53365fde289fe07c7c35adfd0b7379e1 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 16 Feb 2022 09:42:04 +0900 Subject: Web/CSS/@font-face 以下の記述子の記事を変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ja/web/css/@font-face/unicode-range/index.html | 60 +++++++++++----------- 1 file changed, 29 insertions(+), 31 deletions(-) (limited to 'files/ja/web/css/@font-face/unicode-range') 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 --- -
{{cssref}}
+{{cssref}} -

unicode-range は CSS の記述子で、 {{cssxref("@font-face")}} で定義されたフォントから使用される特定の文字範囲を設定し、現在のページで使用できるようにします。ページがこの範囲内の文字を使用しない場合、フォントはダウンロードされません。少なくとも 1 つの文字を使用すると、フォント全体がダウンロードされます。

+`unicode-range` は CSS の記述子で、 {{cssxref("@font-face")}} で定義されたフォントから使用される特定の文字範囲を設定し、現在のページで使用できるようにします。ページがこの範囲内の文字を使用しない場合、フォントはダウンロードされません。少なくとも 1 つの文字を使用すると、フォント全体がダウンロードされます。 -

構文

+## 構文 
/* <unicode-range> 値 */
 unicode-range: U+26;               /* 単一の符号位置 */
@@ -28,34 +28,32 @@ unicode-range: U+0025-00FF, U+4??; /* 複数の値 */
 
 
値

 
-

- 
単一の符号位置

- 
単一の Unicode 符号位置。例: U+26.

- 
符号位置の範囲

- 
Unicode 符号位置の範囲。例えば、 U+0025-00FF は、 U+0025 から U+00FF の範囲内の全文字を含むこと意味します。

- 
ワイルドカードの範囲

- 
ワイルドカード文字を含む Unicode 符号位置の範囲。 '?' 文字を使用します。例えば、U+4?? は U+400 から U+4FF の範囲の全文字を含むことを意味します。

-

+- 単一の符号位置
+  - : 単一の Unicode 符号位置。例: `U+26`.
+- 符号位置の範囲
+  - : Unicode 符号位置の範囲。例えば、 `U+0025-00FF` は、 `U+0025` から `U+00FF` の範囲内の全文字を含むこと意味します。
+- ワイルドカードの範囲
+  - : ワイルドカード文字を含む Unicode 符号位置の範囲。 `'?'` 文字を使用します。例えば、`U+4??` は `U+400` から `U+4FF` の範囲の全文字を含むことを意味します。
 
 
解説

 
-
この記述子の目的は、ブラウザーが特定のページのテキストコンテンツに必要なフォントリソースをダウンロードするだけで済むように、フォントリソースをセグメント化できるようにすることです。たとえば、ローカライズが多いサイトでは、英語、ギリシャ語、日本語のフォントリソースを個別に提供できます。英語版のページを閲覧しているユーザーには、ギリシャ語と日本語のフォントのフォントリソースをダウンロードする必要はなく、帯域幅を節約できます。

+この記述子の目的は、ブラウザーが特定のページのテキストコンテンツに必要なフォントリソースをダウンロードするだけで済むように、フォントリソースをセグメント化できるようにすることです。たとえば、ローカライズが多いサイトでは、英語、ギリシャ語、日本語のフォントリソースを個別に提供できます。英語版のページを閲覧しているユーザーには、ギリシャ語と日本語のフォントのフォントリソースをダウンロードする必要はなく、帯域幅を節約できます。
 
 
公式定義

 
-
{{cssinfo}}

+{{cssinfo}}
 
 
形式文法

 
 {{csssyntax}}
 
-
例

+## 例
 
 
Using a different font for a single character

 
-
異なるフォントでスタイルを設定したいアンパサンド (アンド記号) を含む 1 つの {{HTMLElement("div")}} 要素を持つだけの HTML を作成します。明確にするために、テキストにはサンセリフフォントの Helvetica を使用し、アンパサンドにはセリフフォントの Times New Roman を使用します。

+異なるフォントでスタイルを設定したいアンパサンド (アンド記号) を含む 1 つの {{HTMLElement("div")}} 要素を持つだけの HTML を作成します。明確にするために、テキストにはサンセリフフォントの Helvetica を使用し、アンパサンドにはセリフフォントの Times New Roman を使用します。
 
-
CSS において、1 つの文字だけを含んだ完全に別個の {{cssxref("@font-face")}} を定義していることが分かります。つまりこの文字だけがこのフォントでスタイルされることになります。これはアンパサンドを {{HTMLElement("span")}} 内に入れて別のフォントを適用することによっても可能ですが、それには余分な要素とルールセットが必要です。

+CSS において、1 つの文字だけを含んだ完全に別個の {{cssxref("@font-face")}} を定義していることが分かります。つまりこの文字だけがこのフォントでスタイルされることになります。これはアンパサンドを {{HTMLElement("span")}} 内に入れて別のフォントを適用することによっても可能ですが、それには余分な要素とルールセットが必要です。
 
 
HTML

 
@@ -76,9 +74,9 @@ div {
 
 
結果

 
-
{{EmbedLiveSample("Using_a_different_font_for_a_single_character", 500,104)}}

+{{EmbedLiveSample("Using_a_different_font_for_a_single_character", 500,104)}}
 
-
仕様書

+## 仕様書
 
 
@@ -99,18 +97,18 @@ div {
 
 
ブラウザーの互換性

 
-
{{Compat("css.at-rules.font-face.unicode-range")}}

+{{Compat("css.at-rules.font-face.unicode-range")}}
 
-
関連情報

+## 関連情報
 
 
-- 
cgit v1.2.3-54-g00ecf