パス画像をFontに変換！「icoMoon」を使ってみた。 | バシャログ。
1月が終わってしまいましたね～！春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい！こちらの記事にとても分りやすく紹介されています！ とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作
Fonts.com、Webフォントサービスを日本語向けにも提供開始 | インターネット | Mac OTAKARA
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 Fonts.comが、同社のWebフォントサービスが、ドイツ語に加え日本語にも対応したと発表しています。 Webサイトが、25,000ページ閲覧数/30日間の場合、3,000以上のWebフォントが無料で利用出来ます。 料金はページビュー数によって変わり、約100万ページビューの場合3,540円で20,000以上のWebフォントが利用可能になります。 Fonts.comで利用可能な日本語フォントのリストはこちらになります。 最近、２３個のフォントでOpenTypeコントロールも可能になっています。
ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」:phpspot開発日誌
IcoMoon App ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」。 予め用意されたアイコンセットを選んで必要なものだけのフォントセットをジェネレートしてダウンロードできます 軽い方がいいですし要らないものをインクルードするのも無駄なので便利かも。 SVGアイコンのインポートも可能みたい ダウンロードしたところ。WEBフォントとして使えます 関連エントリ フリーのアイコンフォント１０まとめ アイコンフォントをコマンドラインで生成できる「Font Custom」 メジャーなアプリケーションのアイコンフォント「Pictonic」 ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」 オシャレなアイコンが詰まったアイコンフォント「PulsarJS」 ゲームに使えそうな960種類以上のアイコンセット「Game icons」
まるで画像。テキストを曲線上で表現する·CSSWARP MOONGIFT
CSSWARPはテキストをベジュ曲線や円に沿って表示するJavaScript/CSSライブラリです。 Web Fontの登場によってWebサービスのロゴをテキストで記述するサイトも増えています。しかしまっすぐではなく多少のイフェクトをかけようと思ったらIllustratorのようなソフトウェアを頼らざるを得ませんでした。そこでCSSWARPを使って複雑な文字の描画を実現しましょう。 これがテキストというのが驚きです。 ちゃんと文字として選択できます。 こちらは自分で文字を作れるデモ。 ビジュ曲線でぐりぐり動かせます。 回り込みもできます。 円に沿って描いています。 その結果のHTMLを取得できます。IE9/Opera/Firefox/WebKit対応です。 CSSWARPはベジュ曲線などに沿って文字が描けます。テキスト、曲線の動き、フォント、フォントの配置など細かく変更が出来ます。後は生成
Google Web FontのフォントをCSS3で装飾した状態で確認出来る・Best Google Web Fonts
Googleにホスティングされて いるWebフォントにCSS3等で 3Dやレタープレスなどのエ フェクトをかけた状態をサク サク確認できる、というWeb サービスのご紹介です。 Google Web Fontの使用頻度が高いなら結構役立つかもしれません。装飾したCSSの発行もしてくれます。 右カラムでGoogle Web Fontを選択、左カラムの上部にエフェクトを選択するボタンがあります。選択すれば即座にプレビューに反映されます。上記はLeandeというエフェクト。 下部でCSSのソースやWebフォント用のコードをコピー出来ます。 フォントはGoogle Web Fontにあるもの全てが揃っているわけでは無さそうですが、増えていくんじゃないでしょうか。ご利用は以下よりどうぞ。 Best Google Web Fonts
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello
さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC BY-SA license) Modern Pictograms (SIL OFL) Web Symbols (SIL OFL) Brandico (SIL OFL) さっそく自分用のセットを作ってみます。 これらのアイコンフォントから、自分が必要なものだけクリックしてチェックします。
TYPECACHE.COM
New Font Release: Cast Foundry released Kornel designed by Radek ... July 31‚ 2024 The list of alternative fonts to Helvetica #2. July 14‚ 2014 New: Typecache Interview #04: Sagmeister & Walsh October 23‚ 2013 News Highlight August 1‚ 2024 New Font Release: Latinotype released Uffizi. August 1‚ 2024 New Font Release: July’s font of Font of the Month Club is Roslindale Compressed. July 31‚ 2024 New
選んだ文字だけをSVG Fontsにまとめる·Fontomas MOONGIFT
FontomasはWebブラウザ上で任意のアイコンだけのSVG Fontsを作成できるソフトウェアです。 Web Fontsを使うと画像を使わずに素敵なフォントをオンライン上で使えます。しかしフォントを読み込むために転送量が大きくなってしまうのが欠点です。そこで使ってみたいのがFontomasです。SVG Fontsを使って自分で選んだアイコンだけをWeb Fonts化できます。 様々なアイコンフォントが並んでいます。自由に選んでいきます。 さらに色々なアイコンがあるので適当に選びます。 アイコンサイズを変更することもできます。 選んだものだけが抽出されます。 SVGが出力されました。これを使えばWebフォントとして使えます。 保存ダイアログです。 Fontomasを使えばフォント全てを読み込まずに選んだものだけを使えるようになります。そのためサイズが小さくなるのが利点です。また、複数のソ
モリサワのWebフォントが無料キャンペーンやってたので試してみたよ - かちびと.net
モリサワのフォントをWebフォント として使えるようになりました。 現在キャンペーン中で、期間限定 で無料で利用する事が出来ます。 いつもお世話になっているフォント なので普及活動などしてみようか と思います。 というわけでモリサワのWebフォントレビューです。キャンペーンは以下より申し込めます。（って教わった typesquare というわけで一部試してみました。ラインナップは上記サイトで確認出来ます。 フォーク M イーハトーヴォ物語 あのイーハトーヴォのすきとほった風、夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波 1 2 3 4 5 10 kachibito.net
モリサワ、クラウドフォントサービス「TypeSquare」開始 表示のシミュレーションも可能 - はてなニュース
モリサワは2月22日（水）、クラウドフォントサービス「TypeSquare」を開始しました。同日にオープンしたサイトでは、提供するフォントの一覧や料金プランを掲載しています。Web上でクラウドフォントがどのように表示されるかを確認できる「クラウドフォント・シミュレータ」も公開しています。 ▽ Webフォント TypeSquare [タイプスクウェア] ▽ モリサワのクラウドフォントサービス「TypeSquare」2/22開始 年内無料のキャンペーンも - はてなニュース クラウドフォントは、ネットを介して配信したフォントをブラウザ上に表示させる技術です。この仕組みを利用したTypeSquareでは、指定したフォントが搭載されていないパソコンのブラウザ上でも、該当するフォントを表示できます。通常のテキストと同じく、CSSによる文字サイズの調整や文字装飾もできるとのことです。パソコンだけでなく
クラウドフォント・シミュレータ | [TypeSquare]
クラウドフォントサービス「TypeSquare」でご利用できる書体の表示をご確認いただけます。Webサイトの用途に応じて様々な書体を組み合わせてみてください。リュウミン EH-KL見出ミンMA31黎ミンY30 M新丸ゴ M見出ゴMB1中ゴシックBBB新ゴ Lじゅん 501リュウミン EH-KL文字は語る人がいて、文字があり、デザインがある。人はずっと昔から、言葉を話、文字を使うことによって自分が得た知識や考えを他人に伝えてきました。とくに文字は、時間や場所を超える情報の伝達手段として発展してきたのです。かつて石に彫られたり、木に筆で書かれていた文字は、やがて木版や金属活字で印刷されるようになり、写真植字を経て、現代ではDTPシステムによるデジタルフォントが数多く使われるようになりました。長い年月のなかで、テクノロジーやメディアの変化など、さまざまな影響を受けながら、文字はそのカタチを変えて
TypeSquare | フォント製品 | 製品／ソリューション
フォントをありのままに表示する 「Webフォント」 Webフォントとは、インターネットを介してフォントを配信し、Webブラウザで表示させる仕組みのことです。 Webフォントを使ったWebサイトは、閲覧側に指定されたフォントが搭載されていなくても、制作側で指定された書体が表示されます。パソコンだけでなく、スマートフォンやタブレットなどのWebブラウザでの表示も可能です。 自由度の高いウェブデザイン Webサイトには多くの文字情報が掲載される一方、これまでのWebサイトでは、見出しなどを書体のデザインを使って表現しようとした場合、そのための画像を個別に用意しなければなりませんでした。Webフォントなら、テキストに使いたいフォント名を指定するだけです。通常のテキストと同様、文字サイズの調整やCSSによる効果も思いのままに設定できます。急な修正で画像を作り直す必要はもうありません。 ウェブサイトの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザ上でPCにインストール済みのフォントを表示テストできるツール・typezebra
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP