Web フォントでアイコン表示。 Font Awesome 使ってみた
Blog のデザインをリニューアルしました報告でもちょっと書いたんですが、アイコン関係を Web フォントを使ってやってみました。その時に利用させてもらったのが 「Font Awesome」 でして、今回はその簡単な使い方について書いてみようと思います。 Font Awesome, the iconic font designed for use with Twitter Bootstrap Font Awesome は簡単に言ってしまえば、Twitter Bootstrap のアイコンを Web フォントで扱えるようにしたもの。Twitter Bootstrap のアイコンは CSS Sprite で利用できるようにひとまとめになった 「画像」 として提供されていますが、Web フォントとして提供されることで、よりサイズ、カラーなどを柔軟に扱えるようになっています。 Font Aweso
日本語ウェブフォントでサイトを明朝体表示。CSSフォント指定
デザインにおいてフォントは重要です。 しかしウェブ上では日本語フォントはデフォルトのものか 画像に置き換えているのが現状です。 今回は、とくにウェブに向いていないと言われている 日本語ウェブフォントの「明朝体」でのデザインについて 無知なりに解説してみたいと思います。 ちなみに当ブログは「フロップデザインフォント」を使用してます。 webフォントとは、CSSで指定したフォントを表示する方法です。 閲覧者が指定したフォントを持っていなくても 制作者サイドでサーバーにアップしておけば表示可能になるのです。 しかし、これにはいくつか問題があります。 日本語フォントは容量が重いため表示に多少の問題がある。 サーバーにアップするという行為自体が禁止されている。 など実際にはいくつかの壁があります。 ただ今後はこれらの状況も変わってくると思います。 1.Winodws 8.1、OS X Maveric
テキストを好きなフォントで表示できるJavaScript「cufon」
twitter facebook hatena google pocket 最近多くの英語サイトのソースで見られるJavaScriptにcufon.jsと言うのがあります。 これはJavaScriptを使用して、テキストを好きなフォントで表示できるものです。 Google Font APIが出ましたが、まだまだ数が少ないです。 こだわりのある方は、フォントを選択できるcufo'n - fonts for the peopleを使用するのも良いのではないでしょうか。 ※フリーフォントのみで・・ sponsors 使用方法 cufo'n - fonts for the peopleからcufon.jsをダウンロードします。 また、表示させたいフォントをjs化します。 今回は、1001 Free Fonts - Download Free Fonts for Windows and Macint
Getting Started - Google Font API - Google Code
Getting Started This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. Contents A quick example Here's an example. Copy and paste the following HTML into a file: <html> <head> <link rel="stylesheet" type="text/css" href=
ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
自由自在にフォントを使う！
IEが4から対応しているのは意外な事実ですが、IEはEmbedded OpenType、eot形式のフォントでないと表示できないという注意点があります。 @font-face記述方法 @font-face { font-family: 'フォントファミリー名'; src: url('フォントファイルのurl'); } @font-faceで指定したフォントを(X)HTMLで使うには次のとおり。 selector { /*@font-faceで指定したフォントファミリー*/ font-family: フォントファミリー名; } また、もしユーザーがそのフォントを既に持っている場合のことも考慮する場合は次のようにします。（持っているならダウンロードする必要はないため） @font-face { font-family: 'フォントファミリー名'; src: local('フォントファミリー名'
「fonthack.jp | フリーで使える日本語フォント」に使われている日本語フリーフォントをまとめてみた（漢字も使える）：ekakou:絵描校 - 絵の描き方講座
（フリーで使える日本語フォント） 好きな文章を入れて日本語フォントを試せる「fonthack.jp」 本日紹介するのはこのサービス....ではなく、このサイトで使用されている日本語フォントをまとめてみました。 詳しくは以下から、 Y.OzFonｔシリーズ F910ゴシックW3-IPA（無料） F910明朝W3-IPA（無料） KesaranPasaranKT qoocRomanKT SampomichiHR Tokage-no-ShippoHR TowerGothicKT 出島明朝フォント みかちゃん ホリデイＭＤＪＰ えるまー M+ と IPAフォントの合成フォント M+ IPAフォント 梅フォント さわらびフォント さざなみフォント 戸越フォント VLフォント GLアンチック GL築地5号 白舟教育漢字 怨霊 ルイカ あられ アニト キャパニト セプテンバー ゆたぽん（コーディング）
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP