Glyphr - ここまで出来るとは！Webベースのフォントエディタ MOONGIFT
フォントエディタとしては十分な機能ですね！ Web Fontの影響もあって、フォント自体の魅力が見直されています。特徴的なフォントはもちろん、プログラミングしやすいフォントや可読性高いフォントなど普段使いできるものを知っていると重宝するでしょう。 そんなフォントをWebベースで作成、編集できるのがGlyphrです。HTML5で作られており、自由にフォントの作成が可能になります。 Glyphrの使い方 デモが用意されていますのでそちらを見てみましょう。 トップページ。fが編集中です。 クリックで部品の端がポイント表示されます。 ドラッグで位置を変更できます。 別な要素を追加したりできます。ベジュ曲線なので綺麗に描けます。 他の文字に変更することもできます。 例えばg。 デザイナー向けツールとあって、Glyphr自体のデザインも格好いいです。使っていて手に馴染む良さがあります。これからフォント
プロっぽくなった！フォントや「文字」に関するまとめ
作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト
フォントを一覧表示できるWebサービス3選！デザインの参考に | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は、ロゴや画像制作などのアイデア出しに気軽につかえるフォントビュワーを3つご紹介します。どのサイトも自分のPCに入っているフォントを一覧で表示してくれるWebサービスです。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、現役デザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） ※この記事は2022年3月に編集部が情報を更新しました フォントを一覧表示してくれるサービス Wordmark Wordmark まずご紹介したいサイトがこちら。私が1番お世話になっているところです。 シンプルで使いやすい！ さらに表示も綺
有名なフォント12種類の紹介とフォントの基礎知識について - YATのBLOG
2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5
やさしさゴシックのフォントダウンロード | フォントな、情報。オープンソースの安心フリーフォントのダウンロード
やさしさゴシックはどんなフリーフォント？ フリーフォントのやさしさゴシックは、自由にダウンロードし、商用・非商用問わず使用できます。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * IPAフォント (IPA_Font_License_Agreement_v1.0.txt) * M+ (LICENSE_J,LICENSE_E) Copy
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
レンダリングに使われているフォントと、ブラウザで使えるフォントを取得する - latest log
「あのdiv要素は、どのフォントでレンダリングされているの?」「どのフォントがブラウザ上で利用可能なの?」といった基本的な情報が、CSS や CSS API からは(残念ながら)取得できません。 /* 実際に使われるフォントは一体どれなの? */ font: 24pt 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; ライトなユーザには不必要な情報でも、高度なWebアプリを組もうとすると、そういったレアな情報が欲しくなったりします。 仕方が無いので、いつものようにゴニョゴニョするのです。 レンダリングで使われているフォントを取得する やり方としては… window.getComputedStyle(node, null).fontFamily を取得 IE なら node
無料かつ会員登録不要で自分の手書きフォントが作れるという『fontcapture』を試してみた件 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
IE8とIE7はメイリオ、IE6/FFはMS Pゴシック、Mac Safari/FFはヒラギノ角ゴを表示 | A Day in the Life
IE8とIE7はメイリオ、IE6/FFはMS Pゴシック、Mac Safari/FFはヒラギノ角ゴを表示 June 28, 2009 以前エントリーした記事、IE7はメイリオ、IE6/FFはMS Pゴシ、Mac Safari/FFはヒラギノ角ゴを表示から1年4ヶ月ほど経ちました。ブラウザの最新版はIE8/FF3/Safari4となったのでフォントのセットを少々変更してみました。 IE8ですが、IE6/IE7と同様にフォントをピクセル指定すると文字の大きさを変更することが出来ません（ページズームを使えと言う感じではありますが）。 以前のセットではhtml>bodyハックでモダンブラウザ(Safari/Firefox)用にフォントをピクセルで指定していたのですが、IE8ではこのハックが有効になってしまい、ピクセル指定したCSSが適用されてしまいます。 今回はIE8をのぞいたモダンブラウザに適応
YUIのfonts.css
YUIのfonts.css ブラウザ間やOS間のフォントの差異を吸収してくれるCSSライブラリにYahoo! Developer Networkで公開されているYUI(Yahoo! UI Library)の「fonts.css」があります。 利用方法は非常に簡単でhead要素などでfonts.css を読み込むだけで利用できます。 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css"> Yahoo!のサーバー上のファイルを直接読み込んでも良いですし、ダウンロードしたファイルを読み込んでも大丈夫です。 fonts.css を読み込むとブラウザやOSは関係なく、font-familyは「Arial」、font-sizeは「13 px 」、lin
[JS]フォントを使用した画像のように、テキストを自動変更するスクリプト -typeface.js | コリス
typeface.jsは、テキストを自動置換し、フォントを使用した画像のようにSVGに変更するスクリプトです。 画像クリックで、複数のサンプル表示。 typeface.js -- Rendering text with Javascript, canvas, and VML demo 使用方法は簡単で、typeface.jsとフォントのJSを外部ファイルとして、適用するテキスト箇所にスタイルシートで指定を行います。 「line-height」「letter-spacing」も指定することができます。 対応ブラウザは、IE6+, Fx1.5+, Safari2+となっており、Fx, Op, Safariではcanvas、IEではVMLを使用しています。 現在ダウンロードできるフォントは英字のみで、Helvetiker, Optimer, Gentilisの３種類となっています。
XP用「メイリオ」フォントも公開
「Japanese ClearType fonts for Windows XP」として公開した。Windows Vistaが標準搭載しているClearType対応日本語フォント「メイリオ」をXPでも利用できるようになる。 ファイル名は「VistaFont_JPN.EXE」。ダウンロードサイズは8.5Mバイト。実行するとTrueTypeフォントファイル「meiryo.ttc」と「meiryob.ttc」（ボールド用）がインストールされ、Webブラウザのフォント設定などで「メイリオ」を選べるようになる。 メイリオはVista日本語版用に開発されたSans-Serif（角ゴシック）フォント。スムージング技術・ClearTypeに対応した初の日本語フォントで、特に液晶ディスプレイで可読性が高まっている。 関連記事 Windows XP SP3のダウンロード配布がスタート Windows XP S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows上のあらゆるフォント表示を劇的に美しくする「MacType」NOT SUPPORTED
-- Your PC's Font Viewer!! --
インストールするだけであらゆるソフトのテキストを美しく滑らかに描画「gdipp」NOT SUPPORTED
IDEA * IDEA
http://e0166nt.com/blog-entry-455.html