w3-notes logo

cocochido

HTML/CSSリファレンス

@font-face{src}記述子

説明

フォントデータを取得するパスを指定します。
関連項目

使用例

出力結果

構文
syntax help

@font-face { font-family: [ <url> [format(<format-string> #)]? | <font-face-name> ]# ; }

詳細

<format-string> = "woff" | "woff2" | "truetype" | "opentype" | "embedded-opentype" | "svg"

woff
WOFF 1.0フォントフォーマットを示します。
woff2
WOFF 2.0フォントフォーマットを示します。
truetype
TrueTypeフォントを示します。
opentype
OpenTypeフォントを示します。
embedded-opentype
Embedded OpenTypeフォントを示します。
svg
SVGフォントを示します。

ブラウザ対応状況

font-face: src
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
6
12
3.5
4
3.1
10
3.1
18
4
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.