Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
フォント集 - 水曜どうでしょうファンサイト
水曜どうでしょうに絶対欠かすことの出来ないもののひとつといっても過言ではない、 時にはただ冷静に状況を説明し時には恐怖を、時には爆笑を表現する数々の文字書体をご紹介
jquery.kerning.js
jQuery.Kerning.js A jquery plugin which adjust text kerning in HTML. Get Source Demo うつくし明朝 - plain ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 うつくし明朝 - kerned ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 M+ 2m Regular - plain ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 M+ 2m Regular - kerned ポラーノの広場 あのイーハトーヴォ
資生堂の美意識が詰まった「資生堂書体」って知ってる？ 100年近く手書きで社員に伝承してるらしいぜ！
化粧品メーカーの資生堂が、同社が100年近く伝承している独自の書体「資生堂書体」を動画で紹介していました。同社の美意識が込められた書体であり、長年、同社のデザイナーが手書きで伝承しているらしいです。 資生堂書体は、1916年の意匠部（現在の宣伝・デザイン部）設立とともに「資生堂の美学と精神性を表現する」書体として誕生し、資生堂のポスターやパッケージを長らく彩ってきました。現在でも、同社に入社した新人デザイナーは1年かけてこの書体を体得するんだとか。 手書きの所作からして美しい……！ 動画では書体の紹介とともに、鉛筆や墨を使って手書きで書体を仕上げていく様子を撮影。女性のしなやかさを思い起こさせる伸びやかな曲線と、キリッとした雰囲気の直線やエッジが相まって、エレガントな文字が浮かび上がってきます。 動画を見ていると「こんな書体が自分も書けたらいいのにな！」とか思ってしまうのですが、やっぱりそ
書体フェチにはたまらない!? 非常にわかりやすい絵で表した『フォント』の家系図
『フォント』とは、古くは金属活字時代から受け継がれている、純粋な意味での「書体デザイン」を指す言葉です。そんなこと言われてもピンとこないというあなた、よく周りを見渡してみてください。雑誌の表紙や街中にある看板、よく行くレストランのメニュー、そして、あなたが今まさに読んでいるこの記事も……。それらに使用されている様々な書体デザイン、これが『フォント』なのです。 至るところに存在している『フォント』。今回ご紹介するのは、海外サイト『thatslikewhoa.com』に掲載されている、『フォント』の歴史をわかりやすく家系図に描いた『THE FAMILY TREE OF TYPOGRAPHY』です。 目にしているだけで楽しくなるようなこちらの家系図は、1837年創業、活版印刷プリンターを長年製作してきたドイツの会社『Bauer Type Foundry』の100周年を記念して作られたものなのだと
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも
フォント管理ソフト、Nexus FontとフォントデータをDropboxに入れてクラウド化 / Maka-Veli .com
Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
フォームのIME-MODEを指定する - CSSテクニック - acky info
positionを使ったCSSテクニック テキストリンクをpositionでずらしてクリック感をつける フォームのradiobutton、checkbox、selectのずれを調整する positionプロパティのrelative、absoluteの簡単な使い方 フォームに関するCSSテクニック :focusを使って入力中のフォームに背景色をつける 検索ボックスのデザインをCSSで整える フォームの送信ボタンにロールオーバーをつける フォームのradiobutton、checkbox、selectのずれを調整する フォームのIME-MODEを指定する 疑似クラスを使ったCSSテクニック liやtr、tdの背景色を交互に付ける :focusを使って入力中のフォームに背景色をつける テキストリンクをpositionでずらしてクリック感をつける 検索ボックスのデザインをCSSで整える フォームの
The world’s best fonts for print, screen and web
“As Gerrit Noordzij once said: ‘Only when you know where you come from you can say where you want to go.’ And so it goes on with FontShop, now as the shop has moved to MyFonts. “Shop” is only the second syllable of FontShop, the first being “Font”. And that’s what this page will continue to be about: all the FontFonts and font innovations that FontShop has created in 25 years.” Erik Spiekermann, F
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
Punched Out Font | dafont.com
This font is a set of cut-out layouts with which you can build 3D pixel style letters. They should all work. Just cut along the solid lines, fold along the dotted lines, put some glue on the shaded flaps, stick them together and there you go... If you want to use this for commercial projects, please contact me: tobias (dot) sommer (at) gmx (dot) ch I also appreciate it if you send me links/images
10 Wonderful Letterpress Type Tutorials
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The letterpress type treatment (or as
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
Designsrazzi.com
フォントダウンロードと購入はフロップデザイン
Loading...
-- Your PC's Font Viewer!! --
https://monomoda.com/2009/the-ultimate-list-of-ipod-iphone-apps-for-creatives-and-designers/