Font

note

このページの日本語版はGoogle翻訳による機械翻訳です。

タスクを受けた最初のステップはデザインのチェックであり、デザイン内で最初に確認する対象はフォントです。

フォントをチェックした後、3つのケースがあります：

通常のフォント、デフォルトで使用可能

日本語フォントの場合、デザインでよく使用される次のようなフォントがマシンでデフォルトで利用可能です。

Meiryo, MS Gothic, Yu Gothic, Hiragino

font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: 500;

Yu Mincho, Hiragino Mincho

font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-weight: 500;

上記の場合は、上記のように販売するフォントファミリーを宣言してください。

日本の顧客は、デザインを豊かにするためにさまざまな種類のフォントを使用することが多く、多くの場合、Google フォントや Adobe フォントを使用しています。

Googleが提供するフォントフェイスライブラリなので無料で著作権問題も侵害しません。
簡単に検索してダウンロードし、Web 上に埋め込むことができます。
一般的に使用されるフォントは次のとおりです。

note

Google フォントを Web に埋め込む場合は、 @import ではなく <link> メソッドを使用します。 CSS の「@import」は Web の読み込みを最適化しないため

Abobe フォントを使用する場合、Web に埋め込むコードを取得するには、プレミアムアカウントが付与される必要があります。
アカウントは通常、顧客によって提供されます。
マネージャーが責任を持って指導いたします。

特殊な場合としては、デザインをチェックしたところ、そのフォントがコンピュータに存在せず、Google フォントや Adobe フォントでも利用できないことが判明した場合です。
フォントをテキストとして使用するか画像として使用するかをクライアントに確認してください。

通常、メインフォントは最大の包括的なタグ、通常は body タグの中に含める必要があります。

body {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

フォントウェイトも重要な属性です。

danger

フォントについては、コーディング時にお客様が指定したデザインと同じであることを確認する必要があります。
フォントが不明瞭な場合、またはフォントがない場合は、すぐにお客様にご連絡ください。
インターネット上でフォントを勝手にダウンロードしたり、事前の確認を求めずにフォントファイルを使用してfont-faceに変換したりすることは絶対にやめてください。日本語フォントはすべてネイティブフォントなので、自由に使用するとルール違反になります。