Font−familyのベストな書き方 2018年改定版
CSSでフォントの種類を指定する「font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも「font−familyのベスト…
KEYWORD
Webフォント
日本語Webフォント無料サービス比較まとめ
近年Web上でデバイス文字の日本語を表示する技術が格段に増えました。 中でもWebフォントは、大手レンタルサーバーやフォントメーカーなどから無料で使えるサービスが登場するなど、日本語Webフォントを導入するハードルも年々…
Font−familyのベストな書き方 2017年版
CSSでフォントの種類を指定する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも以前「Font−familyのベ…
フォント制作ソフトGlyphs-miniの使い方（基本編）
今回は以前当ブログで紹介したフォント制作ソフト「Glyphs−mini」を実際に購入してみたので使い方やダウンロード方法をレポートします。 関連記事：合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選 G…
合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選
デザインをしていると「このフォントあと少しだけ太かったら・・・」「どのフォントもしっくりこない」なんてことがありますよね。それならばいっそオリジナルフォントを作ってみるのもいいかもしれません。 「でもフォント制作って職人…
Font−familyのベストな書き方 2015年版
CSSのフォントの種類を指定する際に使用する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントなどの技術の変化などで日々変わっています。 今回は最新のトレンドも踏まえた上で…
プロなら知っておきたい！Photoshop文字設定とCSSプロパティの相互関係
こんにちは、Webデザイナーの斧山です！Photoshopで文字組みを行う際には「トラッキング」や「行送り」など様々な設定を行います。しかし、いくらPSD上で完璧に仕上げていても、いざコーディングをするときに正しくCSS…
デバイスフォントを使うなら絶対取り入れたい！フォントをきれいに見せる小技まとめ
今までデザインを優先する場合はテキストを画像化するのが一般的でしたが、iPhone6やiPad、最新のPCなど、高解像度のディスプレイではにじんでしまい残念なことになるので、見出しなどの文字もデバイスフォントを使用しはじ…
おすすめのGoogle Web Fonts 25選
Google Fontsは、何百ものWebフォントを無料で提供しているサービスです。最近では日本のサイトでもチラホラWebフォントを使ったサイトが増えてきました。画像を切らなくてもいいので運用が楽だったり、SEO的にも効…
脱画像化！WebFontの使い方
HTML5やCSS3の普及やiPhoneやiPadといったPC以外の閲覧端末の登場でWEBの制作も大きく変わってきたと感じます。 WEBに携わる人間としは、「そろそろWEBフォントを使ってみたいな～」というところではない…