ブログ

BLOG 2017.12.25AIブログ , デザイン

フォントの世界 | Noto Sans

フォントの世界 | Noto Sans

皆さん、こんにちは。千葉です。
今回紹介するフォントは

Noto Sans


Noto SansとはGoogleとAdobeが協力して開発したフォントです。
世界中のあらゆる言語に対応することを目標に開発されており、日本語の漢字にも対応しています。

「Noto Sans」の使い方

@importで読み込む場合
スタイルシートに下記のように記述します。

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

styleタグで読み込む場合
head内に下記のように記述します。

<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/notosansjp.css">

font-familyの指定

font-family: 'Noto Sans JP', sans-serif;

font-weightの指定
Noto Sans JPフォントの太さは7種あるので好きな太さを選んでください。

font-weight:100
font-weight:300
font-weight:400
font-weight:500
font-weight:600
font-weight:700
font-weight:900

一言

「Noto Sans」はどのPCで見ても同じフォントで見えるのでとても重宝しています。
簡単に綺麗なWebフォントが導入できますので、Webフォントの導入を検討されている方は、ぜひお試しください。

Tweet Share RSS

関連記事