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

明朝体フォントは手書きの雰囲気を残した日本語の情緒を感じさせてくれるフォントで、和文によく合います。また種類も豊富で、非常に個性が豊かなのも魅力です。 そこで本記事では、明朝体フリーフォントから、商用利用可能なものを16個をご紹介します。気に入ったフォントがあればデザインに取り入れてみてはいかがでしょうか。 ※フォントを利用する際は、各サイトの利用規約をご確認ください。 目次 明朝体フォントの魅力 はれのそら明朝 Oradano明朝GSRRフォント さわらび明朝 はんなり明朝 こころ明朝体 やさしさアンチック 刻明朝フォント 刻丸明朝かな ほのか明朝 あおぞら明朝フォントうつくし明朝体 ふぉんとうは怖い明朝体 戸越明朝 XANO明朝 梅明朝 イマジン・ヨコハマフォント 明朝体フォントの魅力 明朝体は横線に対して縦線が太いのが特徴。ウエイトが重くなっても、横線の太さはそれほど変わりません。

和風のWebデザインをするには、配色を日本の伝統色にしたり、和柄を使ったりといった工夫が考えられますが、そうした工夫のひとつが毛筆フォントの利用です。今回は、日本語対応の和風の毛筆フォントを18個、カッコイイ書体、かわいい書体、ユニークな書体の3タイプに分けて紹介します。 ※ご利用の際は、各配布サイトの利用規約を確認してください。 <この記事に関連する記事> ゴシック体のフリーフォント15選【商用利用可】 おしゃれ!明朝体フリーフォントのおすすめ16選【商用利用可】 見ているだけで楽しくなるフリーフォントまとめ カッコイイ書体の日本語毛筆フォント 10選 1.衡山毛筆フォント http://opentype.jp/kouzanmouhitufont.htm 手書きの雰囲気が魅力のカッコイイ毛筆フォントです。書家の青柳衡山先生が揮毫(きごう:毛筆で文字を書くこと)した文字をフォントにしていま

(2016年7月26日:フォロー記事を書きました。「Windowsで游ゴシックが汚いのは、結局誰が悪いのか?」) (2016年7月11日追記:Windows8.1においても細字ではなく標準が使用されているのではないかというご指摘を受けて、若干表記を修正しました) (2016年6月29日追記:Twitterでご指摘を受けて、Windows8.1と10での違いを追記しました) (2017年3月27日追記:当サイトでの使用CSSについて追記しました) (2020年9月13日追記:当サイトでの使用フォントについて追記しました) タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント「游ゴシック」・「游明朝」が搭載され、CSSのfont-familyに「游ゴシック」を指定すれば、Webデザイナーの長年の悲願であっ

2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋(名古屋)で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。

デザイナーのベーコン(@dogdog464646)です!! プレゼン資料作りにも役立つ、デザイナーがついつい使ってしまうフォント4つを選んで解説しました! 「フォントにお金を出すのはちょっと…」という方のために無料フォントを紹介します。 いいフォントを使うと明らかにデザインが締まりますので、新しいフォントにチャレンジしてみてくださいね。 1つめ『DSきりぎりす』 (DS-kirigirisu) 「DSきりぎりす」このフォントはすごいです。ポケモンで言ったらポッチャマ。GLAYで言ったらTERU。ドラゴンボールで言ったらベジータ。つまりスーパーヒーロー!2016年もまだまだ色んな所で使われていますね。 ▼DSきりぎりす (DS-kirigirisu) (¥16,500 ) こんな感じで使われている ●コンビニ各社で使われている ファミマのクッキーエッグタルト。あっちこっちきりぎりすフォント

OS X El Capitan(10.11.2)搭載のヒラギノフォントと 弊社製品版フォントについて 2015年12月11日掲載 平素は弊社製品をご愛顧頂き、誠にありがとうございます。Apple社からリリースされた「OS X El Capitan 10.11.2(以下「OS X 10.11.2」という)」に搭載のヒラギノフォントと「製品版/従来版フォント(※)」との互換性、使用上の注意点などをご説明いたします。 ※製品版/従来版フォント:弊社製品版、MORISAWA PASSPORT製品版、OS X 10.7~10.10搭載版 <OS X 10.11.2の変更点> OS X 10.11.2にて、OS X 10.11~10.11.1で発生していた非互換項目のうち、最も深刻な「異体字テーブルの不具合」が修正されました。 これにより深刻な不具合は解消しましたが、製品版/従来版フォントとは濁点の
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって

Apple新フォント、AppleTPのお知らせです!!Apple TPという、Text,Thin,Ultralightという3ウェイトでAppleのほーむぺーじで使われております! が、もしや、どっかで見たことあるフォント…と思って調べてみると、 小塚ゴシックPr6に似てるんすよね… これ名前だけApple TPに変えたんじゃないかな……???? が、「な」を打つことで小塚ではないことが判明。 じゃあ一体何なのか? まとめると、Apple TPフォントは、 ・日本語部分にAxisを使用、ただし等幅ではなく若干修正してあるっぽい ・英語部分にはMyriadを使用 ぽかったです。 で、日本語フォントでは珍しく、等幅フォントではないのが特徴。

2023/3/20更新 (リンク修正) ポップ体フォント「けいふぉんと!」のダウンロード PR (詳細) このフォントは何? 『けいおん!』のロゴタイプをヒントに作成したフォントです。 トレースなどはしていないため、「け」「い」「お」「ん」の4文字も実物とは異なりますがご了承ください。 動作環境Windows、Mac OS等の主要なOSフォントのデザインについて 軽快でリズミカルなフォントです ゴシック体のカテゴリーに入るデザインですが、ひらがな・カタカナは非常に軽快でリズミカルな形です。 手書きの骨格も持ち合わせていて、ポップ体とも言えるデザインのフォントです。 ポップ体は大きめのフトコロのフォントが多いですが、本フォントはフトコロが小さめで、スマートな印象を与えます。 ロゴタイプや作品のイメージに近い「素直さ」や「実直さ」、「明るい感じ」「弾ける感じ」をひらがな・カタカナの各要素に
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は(そんなに)難しくないし至れりつくせり。 セマンティック?なにそれおいしいの? そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font andCSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo

2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえばAndroid は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)でTwitter 公式アプリを表示した時のものです。 Nexus 7 ではChrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ

リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く