Our new series explores the impact of Google’s revolutionary design system
![Google Design](https://cdn-ak-scissors.b.st-hatena.com/image/square/822966bd57f5891c126d7d606e8d2170bad24c3f/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fgd-prod%2Fimages%2F0100ffa2-71ec-4371-a035-f612253f3fa3.0db06b6b53a87fb0.png)
Material iconsのアイコンフォントの使い方 以下で、Material iconsのアイコンフォントの使い方を紹介します。 詳しい方法は、以下に記載してあります。 Material icons guide – Google design 主な手順 アイコンフォントを利用するには、主に以下の手順が必要です。 Material iconsフォントのCSSファイルを呼び出す CSSファイルに利用をするためのコードを書く(コピペ) アイコンフォントを表示したいところにHTMLを書く(コピペ) Material iconsのアイコンフォント用CSSファイルは、WEB上から手軽に呼び出すことができるので、かなり設定は簡単です。 Material iconsフォントのCSSファイルを呼び出す Material icons用のCSSファイルは、Google Web Fontsにあるものを呼び出す
フリーフォントのまとめは多いですが、日本語フォントで印刷物までOKといったものに厳選したものはあまり見かけません。 その中でも漢字までしっかり網羅しているものを、編集部でまとめてみました。 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 フォントのライセンス 様々なまとめサイトやブログで、「フリー!無料利用可能!」と書かれることも多いのですが、フォントはとくにライセンスに気を付けましょう。 「商用利用無料」と書かれているものでも、Webの画像として書影を使ってはダメとか、**アプリに入れてはいけない(再配布の禁止)**などあります。フォントのライセン
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ(Chrome/Edge/Firefox/Safari)にて再度ご覧ください。
Webフォントを使用して、Webサイトを制作すると、表現できるデザインの幅が格段に広がります。 何となく使用方法が難しいと思われがちなWebフォントですが、一度理解できれば意外に簡単です。 以下の記事でWebフォントの使用方法を解説したので、一読することをオススメします。 意外と簡単!Webフォントを理解しよう 今回は、日本語に対応しているWebフォントがダウンロードできるWebサイト25選をご紹介します。 1.Noto Sans Japanese https://www.google.com/get/noto/ Googleが提供しているフォントサイトです。 和文だけではなく、様々な言語の一般的なフォントが揃えられていますので、まず導入として使用してみることをおすすめします。 2.TypeSquare http://typesquare.com/ 日本で最も有名な和文フォントサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く