近年の流行なのか、Webでもグラフィックでも、少し見慣れないセリフ体が流行っているなーという気がしていました。BaskervilleとかGaramondでもなく、高級感がありつつも少し遊びがあるというか、手書き感を残しているようなフォントです。 セリフスタイルの書体にも系統がいくつかあるようで、昨今の流行はいわゆるヒューマニストセリフという、カリグラフィー的な部分が強く、Bodoniほど横線と縦線のコントラストもはっきりとしていないフォントの発展系のようでした。 詳しくはこちら タイトルや見出しにセリフ体を使って、小さいキャプション部分などにはサンセリフ体を使うとしっくりくる感じありますよね。 当初は化粧品やラグジュアリー系のデザインでの仕様が目立ちましたが、その目新しさやデザイン性の良さからか、他分野でも積極的に使われています。 最近K-POPのアートワークやグラフィック周りが格好いいな

ウェブサイトのフォントで明朝体にしたいときがあると思います。格式高いサイトにしたいとき、親しみやすいサイトにしたいとき、長文なので読みやすいサイトにしたいときなどです。 そんな時は游明朝体を選ぶことがあります。特にデザイナーはデザインカンプを作るときに游明朝体を選択することがあります。 しかし、この游明朝体が結構くせ者です。XDやPhotoshopで使う分には問題ありませんが、ウェブサイトで使用すると問題が起きます。 游明朝体のWindows、Macの違い Windowsの游明朝体 Macの游明朝体 全然、見え方が違います。実はWindowsとMacで指定しているフォントが異なります。ウェブサイト上での游明朝体の指定方法は、Windowsが「Yu Mincho」、Macが「YuMincho」になります。よって、同じ游明朝体だけど、WindowsとMacで見え方が違ってしまいます。 補足です

Webサイト上で重要な要素の一つにフォントが挙げられます。 最近では、多くのホームページでWebフォントを採用することが増えており、これまでできなかった表現が可能となっています。 今回は、Webフォントの概要と、Webフォントの使用手順を解説します。 併せて、オススメのWebフォントサイトも紹介していますので、ぜひ参考にしてみてください。 Webフォントとは これまでのフォント指定は、CSSで「font-family」というコードでフォントを指定して文字を表示させていました。 ただし、ユーザー側の閲覧環境にフォントがインストールされていなければ、表示できないというデメリットがあったため、使用できないフォントも多数ありました。 それらの問題を解決するのがWebフォントで、あらかじめサーバに格納してあるフォントの情報を提供することで、閲覧しているユーザー側のOS環境に左右されず、正しく表示する

こんにちは、デザイナーの花ちゃんです！ デザインをするとき、どのようなフォントを使えば、そのサービスや商品、あるいは企業のイメージがより魅力的に伝わるのかを考えますよね。それはもちろん、Webサイトのデザインでも同じだと思います。 私もWebデザインを始めたばかりの頃は、フォントにずいぶん悩まされました。Webフォント？ デバイスフォント？ なんで端末によって表示されているフォントが違うの！？ と大混乱したのを覚えています。 仕組みや特徴を知っていれば、フォントを選ぶうえでの一つの基準になります。 今回はデザイナーが知っておきたい、Webフォントの基礎知識をまとめてみました！ それぞれのWebサイトの目的に合った、フォント選びをしたいですね。 よく聞く「Webフォント」ってそもそもなに？ 今や当たり前のWebフォントですが、少しおさらいをしたいと思います。 Webフォントとは、あらかじめサ

Windows メイリオ 'メイリオ', Meiryo, 愛のあるユニークで豊かな書体 Meiryo UI 'Meiryo UI', 愛のあるユニークで豊かな書体 游ゴシック YuGothic,'Yu Gothic', 愛のあるユニークで豊かな書体 Windows8.1~ 游明朝体 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', 愛のあるユニークで豊かな書体 Windows8.1~ Yu Gothic UI 'Yu Gothic UI', 愛のあるユニークで豊かな書体 Windows10~ ＭＳ ゴシック 'ＭＳ ゴシック', 愛のあるユニークで豊かな書体 ＭＳ Ｐゴシック 'ＭＳ Ｐゴシック','MS PGothic', 愛のあるユニークで豊かな書体 MS UIゴシック 'MS UI Gothic', 愛のあるユニークで豊かな書体 MS明