0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Font-Awesomeのフォントファイルのフォーマット、及びSVGファイルのWebアクセシビリティチェック

Last updated at Posted at 2020-10-22

複数フォントファイルあったため、調査しました。
各フォントファイルはFortAwesomeのCSSから参照されます。

.eot

Embedded OpenType - フォントファイルのフォーマット、およびファイル拡張子
ie用のフォントファイルっぽい

情報源

Web Embedding Fonts Tool - Wikipedia
https://ja.wikipedia.org/wiki/Web_Embedding_Fonts_Tool

.woff .woff2

WOFF (Web Open Font Format)

情報源

WOFF (Web Open Font Format) - 開発者ガイド | MDN
https://developer.mozilla.org/ja/docs/Web/Guide/WOFF

WOFF (Web Open Font Format) は、Mozilla が Type Supply や LettError、他の組織と提携して開発した新しい Web フォント形式です。

.svg

Scalable Vector Graphics (SVG)
XMLでグラフィック記述。フォントも作れる。

情報源

SVG: Scalable Vector Graphics | MDN
https://developer.mozilla.org/ja/docs/Web/SVG

Scalable Vector Graphics (SVG) は、二次元ベースのベクター形式のための XML に基づくマークアップ言語です。
そのため、どんな大きさでもきれいにレンダリングできる画像を記述するためのテキストベースのオープンなウェブ標準であり、
特に他のウェブ標準、例えば CSS, DOM, JavaScript, SMIL などとうまく機能するように設計されています。
SVG は本質的に、グラフィックに対するもので、テキストに対する HTML のような位置づけです。

.ttf

pointTrueTypeフォント

情報源

TTFファイルとは|「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典
https://wa3.i-3-i.info/word14137.html

pointTrueTypeフォントのファイルだよ
point拡張子が「.ttf」だよ

その他:SVGファイルのWebアクセシビリティチェック

SVGはXMLのため、Webアクセシビリティ対応(JIS-X 8341-3:2016対応)の参考チェックに以下があります。

H75: ウェブページが well-formed であることを確認する | WCAG 2.0 達成方法集
https://waic.jp/docs/WCAG-TECHS/H75.html

該当するSVGは、全て well-formed で問題なしでした。

  • fontawesome/webfonts/fa-brands-400.svg
  • fontawesome/webfonts/fa-regular-400.svg
  • fontawesome/webfonts/fa-solid-900.svg

well-formed かどうかは、https://schneegans.de/sv/ でチェックしました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?