[こかげ] フォント : Nu みちしるべ
概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。（なお「直接編集」を無効にした場合、文字列の書き替えは左上の
2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝）
ホーム > Webマーケティング > ホームページ制作関連 > 2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝） 公開日：2017年3月24日最終更新日：2019年4月14日 : ホームページ制作関連 WEB制作者として、頭を悩ます問題あるあるとして、フォント指定（文字）があります。 まったく同じホームページを見ていても、フォントが違うだけで見づらく感じることもあれば、高品質な印象にすることもできます。 Web上の情報伝達は、文字、デザインなど色や写真などを含めた全体でユーザーに伝えますが、その中でもまず始めに必要となるものが文字情報です。 どのような記述でフォントを指定すれば、WIN、MAC、スマホ、各種ブラウザで文字をキレイに表示させることができるのか、2017年現在の個人的なベストを考えてみたいと思います。 フォント指定2017年現在での結論
游ゴシック？ Noto Sans？ 久々に日本語フォント指定について考える - やっぱりWebが好き - Writing Mode
少しパラパラと文字間が開いた感じがするけれど、個人的に游ゴシックはとても好きな書体です。 游ゴシックはWindows 8.1とMac OS X 10.9（Marvericks）以降に標準搭載されており、このまま普及が進めばWebデザイナーにとってファーストチョイスのデバイスフォントとなるのでは。 というわけで、Writing ModeもこれまでのWebフォント使用をやめて、游ゴシックを基本書体にしてみました。 2014年もまもなく師走ですが、久々のWeb制作ネタです。 Writing Modeはリリース以来、モリサワのTypeSquareを利用してゴシックMB101を基本書体にしてきました。 TypeSquare［タイプスクウェア］ 日本語フォントは欧文フォントと違って、文字数が多くファイルサイズがとても大きくなります。そのため、TypeSquareのようなWebフォント配信サービスは、フ
これは便利！アイコン型WebフォントのCDN「Font Awesome」
まず、以下のコードでWebフォントの呼び出します。 後は、表示したいところにコードを挿入するだけです。サイト内のアイコンをクリックするとコードが表示されます。 この基本形にクラスを追加すると色々とカスタマイズすることができます。 ちなみに「fa」は表示の基本となるスタイルで「fa-sitemap」はアイコンの種類を表します。スタイルの中身はこんな感じです。 .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-sitemap:before { content: "\f
CONDENSE-iconFont
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
CSS上級者を悩ませるフォント指定を探究するぜ2011 autumn
2011年9月2日 CSS初心者から上級者まで頭を悩ませるフォント指定のベストプラクティスを模索してみた。 2014年4月28日追記： フォント指定に関する新しい記事を書きました。 CSSのfont-family指定に関する考察 2014年版 先日、CSSによるフォント指定について色々な人と話をする機会があり、せっかくなので、これまでの自分のやり方を、もう一度ゼロから考えなおしてみようと思い立った。 font-familyの指定を考察する CSSによるfont-familyの指定についての世間一般の見解を調べていると、非常に参考になる記事を発見！ font-familyはメイリオが先かヒラギノが先かという命題を本気で調べた 上記のウェビンブログ様の記事中に添付されている資料：日本のコーダーのfont-family指定が、非常に興味深い。これを見ると、ある程度経験のあるコーダーさんたちの中で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
