もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
ウェブフォント - 和文フリーフォント集
ウェブフォントは登録会員専用です。サイトヘッダー右上の「Login」ボタンより入場ください。登録はすぐできます。無料です。 ウェブフォントはCSS3の「@font-face」を利用してサーバー上にあるフォントデータをほかのサーバーやローカルのHTMLにCSS指定して表示させる技術のことです。 これまでHTML上に装飾したフォントを使うにはフォトショップやイラストレータ、或はフラッシュなどのデザインソフトを用いるしか方法がありませんでしたが、ウェブフォントを使えばCSSで指定したフォントで表示させることができるのです。しかもテキストですので軽量でSEOにも優れ、画像のalt属性なども必要ナシです。海外ではウェブフォントサービスは普及が進み、グーグルでも今年からウェブフォントサービスとしてベータ版の公開が始まっています。フォントグラフィックでは数年に渡り検証してきたドットフォントファミリー29
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
Free Fonts You’ll Want to Use Now, Trends and Examples - Designmodo
Free Fonts Type Trends at a Glance There are a few things we’re already starting to notice when it comes to typography this year. Many of the options in this list have these trending styles in mind. San serif stacked typography with three- to five- lines of text. Use of more serif font options. Retro and outline/inline styles with a classic vibe. Elaborate swashes and flourishes for short text. Th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
