Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります

4月のフォントダウンロード開始です。 今回の本丸ゴシックシリーズは朝来市の竹田城ということで あさご本丸ゴシックという名前にしました。 たけだ本丸ゴシックでも良かったのですが 個人的に響きが好みで無いので…（単に好みの問題） 竹田城といえば天空の城、もしくは恋人の聖地。 雲海に浮かぶ山城のイメージ。 モヤッとして、雲が漂うような私のもってる イメージを割とダイレクトに文字に反映しました。 素敵なイラストは辻恵様に描いて頂きました。 こういうクルッとしたフォントはまったく無いわけでは無いのですが ポップな感じではなくクラシックな雰囲気のものは、あまり無いと思います。 かなり個性的な丸ゴシックになるので、ギリギリ読めて、ギリギリ使いやすい という終着点に落ち着くのに時間がかかったと思います（ラフに作るのは早い） ということもあって1文字にたくさんのバリエーションができてしまいました。 結果的に

2014年最初の記事です。あけましておめでとうございます！といってももうだいぶ経ってしまいましたが…(；´∀｀)。 毎年年賀状は、その年の干支と女の子を絡めた絵で作ると決めており、学生時代から大体そんな感じでやっているのですが、今年は何だかタイポグラフィな年賀状を作りたくなったので、この記事を思いつきました。 いや、今年の年賀状も例年通り、馬と女の子の絵を描いて、すでに出し終わっちゃってるんですが。 まぁでもいいよねタイポグラフィ！ということで、手遅れですがアハッピーニューイヤーとか書いてみたり。 そして、タイポグラフィで重要な「カーニング（文字詰め）」の簡単な考え方を書きたいと思います。 そもそもタイポグラフィとは？ 私もそんなに詳しくないのですが、Wikipediaによると 「タイポグラフィは、活字（あるいは一定の文字の形状を複製し反復使用して印刷するための媒体）を用い、それを適切に配

43. Typography: Corporate typefaces As with our logo, consistent use of our corporate typefaces—Adobe Clean and Minion® Pro—reinforces Adobe’s brand identity. Both are OpenType™, a cross-platform format that provides richer linguistic support through widely expanded character sets and advanced layout features. Both fonts are available for download from Marketing Hub under Corporate > Corporate Fon

最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン

svg]:fill-primary-500 [&>svg]:transition-colors [&>svg]:w-auto [&>svg]:h-24 md:[&>svg]:h-auto [&>svg]:fill-black">

2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5

Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可

Sign up or Sign in to view personalized recommendations, follow creatives, and more.

まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 先週の記事で#LOVEFONTと言うハッシュタグをつけた記事を募ってみたのですが、声をかけさせて頂いたお知り合いの方達以外にも絡みのない方々からも続々と好きなフォントへのラブコール合戦の参加があり、チラホラハッシュタグ検索でお見かけさせて頂きました。書くのにも結構手間なのにも関わらず、その数なんと18ブログ!! 初めて知ったフォント、知ってはいたけど手が出ずにいたフォント、インストールしているのに殆どセレクトしたことのないフォント。使っているのにも関わらず良さに気付けずにいたフォント。 webcre8自身そんなにフォントに詳しいわけでもなく、使いこなせているなんて露ほども思えませんが、皆さんがこうして楽しんで書いたり読んだりしてくれたこと、実に嬉しく思います★ とは言えここまで来たら、こち

ここ最近、この手のフォントがかなり増えてき ましたが、こちらも良い感じでしたのでご紹介。 Webフォントにも使用できる、アイコンフォント です。シンプルで汎用的なのでなかなか使い 易いのではないかなと思いました。セマンティ ック的側面では反対の声も見かけますけど。。 こういう、アイコンタイプのフォントもかなり目立ち始めましたね。以前、同じくWebフォントに使えるWeb Symbols typefaceというフォントをご紹介しました。また、先日公開されたソーシャルメディアアイコンのフォント・Socialicoも素敵でした。※Webフォントに使えるかは調べてません。 今日ご紹介するModern Pictogramsも汎用的なデザインで、Webフォントにも利用可能です。 シンプルで使いやすい感じです。Webフォントにも使用できますので、CSS3と合わせてスマートフォンアプリで応用したり、管理画面

KOUSHIKI SANS FONT T L R ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 KOUSHIKI SANS FONTは、ゴシック体の基本的な形態を踏襲しつつ、個性的な存在感と視認性を実現しました。ウェブサイトやインフォグラフィック、看板やサイン、大判のグラフィック、ドキュメントのヘッドラインなど、美しい文字表現を可能にします。 KOUSHIKI SANS FONT keeps the basic shape of Gothic Fonts, while allowing a presence of individuality and unique visibility. This font can allow you to express beautiful characters eithe