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 --- files/ja/web/css/@font-face/font-style/index.html | 78 +++++++++++------------ 1 file changed, 37 insertions(+), 41 deletions(-) (limited to 'files/ja/web/css/@font-face/font-style/index.html') diff --git a/files/ja/web/css/@font-face/font-style/index.html b/files/ja/web/css/@font-face/font-style/index.html index fe8b4c578f..d688077108 100644 --- a/files/ja/web/css/@font-face/font-style/index.html +++ b/files/ja/web/css/@font-face/font-style/index.html @@ -3,20 +3,20 @@ title: font-style slug: Web/CSS/@font-face/font-style tags: - '@font-face' - - At-rule descriptor + - アットルール記述子 - CSS - CSS Descriptor - CSS Fonts - - Reference + - リファレンス translation_of: Web/CSS/@font-face/font-style --- -
{{CSSRef}}
+{{CSSRef}} -

font-style は CSS の記述子で、 {{cssxref("@font-face")}} 規則の中で指定されたフォントのフォントスタイルを指定することができます。

+`font-style` は CSS の記述子で、 {{cssxref("@font-face")}} 規則の中で指定されたフォントのフォントスタイルを指定することができます。 -

特定のフォントファミリについて、同じフォントファミリの異なるスタイルに対応する様々なフォントフェイスをダウンロードできるようにすることができ、 font-style 記述子を使用してフォントフェイスのスタイルを正確に指定することができます。 CSS 記述子の値は対応する font プロパティと同じです。

+特定のフォントファミリについて、同じフォントファミリの異なるスタイルに対応する様々なフォントフェイスをダウンロードできるようにすることができ、 `font-style` 記述子を使用してフォントフェイスのスタイルを正確に指定することができます。 CSS 記述子の値は対応する font プロパティと同じです。 -

構文

+## 構文 
font-style: normal;
 font-style: italic;
@@ -27,48 +27,44 @@ font-style: oblique 30deg 50deg;
 
 
値

 
-

- 
normal

- 
フォントファミリの通常の版を選択します。

- 
italic

- 
フォントフェイスが通常のフォントのイタリック版であることを指定します。

- 
oblique

- 
フォントフェイスが通常のフォントを機械的に傾けたものであることを指定します。

-

-
-

- 
oblique と角度

- 
oblique として分類されたフォントを選択し、テキストの角度を追加で指定します。

- 
oblique と角度の範囲

- 
oblique として分類されたフォントを選択し、テキストの角度の範囲を追加で指定します。なお、範囲は font-style が oblique であるときにだけ対応しています。 font-style: normal 又は italic の場合は、第二の値は許可されません。

-

+- `normal`
+  - : フォントファミリの通常の版を選択します。
+- `italic`
+  - : フォントフェイスが通常のフォントのイタリック版であることを指定します。
+- `oblique`
+  - : フォントフェイスが通常のフォントを機械的に傾けたものであることを指定します。
+
+- `oblique` と角度
+  - : `oblique` として分類されたフォントを選択し、テキストの角度を追加で指定します。
+- `oblique` と角度の範囲
+  - : `oblique` として分類されたフォントを選択し、テキストの角度の範囲を追加で指定します。なお、範囲は `font-style` が `oblique` であるときにだけ対応しています。 `font-style: normal` 又は `italic` の場合は、第二の値は許可されません。
 
 
公式定義

 
-
{{cssinfo}}

+{{cssinfo}}
 
 
形式文法

 
 {{csssyntax}}
 
-
例

+## 例
 
 
イタリックフォントスタイルの指定

 
-
例として、 garamond フォントファミリを指定すると、基本の形として、以下の結果が得られます。

+例として、 garamond フォントファミリを指定すると、基本の形として、以下の結果が得られます。
 
 
@font-face {
   font-family: garamond;
   src: url('garamond.ttf');
 }

 
-
スタイルなしの garamond

+スタイルなしの garamond
 
-
このテキストのイタリック版は、スタイルなしの版と同じ字形を使用しますが、人工的に数度だけ傾けてあります。

+このテキストのイタリック版は、スタイルなしの版と同じ字形を使用しますが、人工的に数度だけ傾けてあります。
 
-
人工的に傾けた garamond

+人工的に傾けた garamond
 
-
一方で、フォントファミリに真にイタリックである版がある場合、 src 記述子を含めてそのフォントがイタリックだと指定することで、フォントがイタリックになることが明確になります。本当のイタリックは異なる字形を用い、少し右上に傾いており、いくらか固有の特徴を持ち、一般に丸みを帯びており、筆記体に似た品質です。これらのフォントはフォントのデザイナーによって特別に作成されたものであり、人工的に傾けたものではありません。

+一方で、フォントファミリに真にイタリックである版がある場合、 `src` 記述子を含めてそのフォントがイタリックだと指定することで、フォントがイタリックになることが明確になります。本当のイタリックは異なる字形を用い、少し右上に傾いており、いくらか固有の特徴を持ち、一般に丸みを帯びており、筆記体に似た品質です。これらのフォントはフォントのデザイナーによって特別に作成されたものであり、人工的に傾けたものではありません。
 
 
@font-face {
   font-family: garamond;
@@ -76,9 +72,9 @@ font-style: oblique 30deg 50deg;
   font-style: italic;
 }

 
-
イタリックの garamond

+イタリックの garamond
 
-
仕様書

+## 仕様書
 
 
@@ -104,18 +100,18 @@ font-style: oblique 30deg 50deg;
 
 
ブラウザーの互換性

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

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

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