グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ | 初代編集長ブログ―安田英久 | Web担当者Forum
今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/
Webフォント「Google web fonts」の使い方・実装手順メモ
商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2
[まとめ] Font Awesomeのイケてる使い方をまとめました – sakainote
セニョリータのみなさん、おっぱようございます。リョウ(@x93mg)でございます。今日も素敵なWebライフをお過ごしでしょうか？ CSSで使えるWebフォントのFont Awesomeが4.0.1にバージョンアップしました。Font Awesomeの登場のおかげで、時短でサイトを構築することが可能になりました！アイコン画像を自作していた時代が随分昔のことに感じます。 Font Awesome, the iconic font designed for Bootstrap そこで今日は、「Font Awesomeのイケてる使い方」をまとめてみました。 Font Awesomeの使い方【基本編】 昔はzipファイル一式をダウンロードしてサーバーにアップしなければなりませんでした。現在ではheadタグ内でCSSを読み込むコードを追加するだけ。ﾅﾝﾀﾞｶﾝﾀﾝｼﾞｬﾅｰｲ!
![[まとめ] Font Awesomeのイケてる使い方をまとめました – sakainote](https://cdn-ak-scissors.b.st-hatena.com/image/square/daaae6c36bbc94daacef1f4ffb96eefff89bfcbb/height=288;version=1;width=512/http%3A%2F%2Fcapture.heartrails.com%2Fhuge%3Fhttp%3A%2F%2Ffortawesome.github.io%2FFont-Awesome%2F)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome