AquaKanaを普通に使う。 - blog.coluli.net/
AquaKanaはなぜか「不可視フォント」のため、フォントメニューには表示されません。 ですが、font-familyの指定を使い、htmlで表示させる事ができます。 htmlで表示可能なフォントは、テキストエディットやMailなどのアプリケーションで普通に使うことができます。 利用方法を簡単にまとめました。 //////////////////////////// ①まず、この文字列をコピーし、「テキストエディット」や「Mail」などのリッチテキストフォーマットを扱えるエディタにペーストします。 ①まず、この文字列をコピーし、「テキストエディット」や「Mail」などのリッチテキストフォーマットを扱えるエディタにペーストします。 ②次に、フォントパネルから［よく使う項目］に登録します。 ③以後、いつでも使えるようになります。 ////////////////////////////
&: View Ampersand Glyph of Google Web Fonts
Google Web Fontsの全てのフォントの「&」のグリフを一覧するツール&を作った。Open Source Ampersandsと同じようなものだけど、こっちはJavaScriptだけで動き、特に何もすることなくGoogle Web Fontsの新規フォントが反映される。タイトル短すぎ。これも実用性はない……けど&かわいいよね！ コードはGoogle Web Fonts Previewとほとんど同じ。テキストを「&」に固定し、グリッドに沿って並べるようなスタイルを書いただけ。一部フォントでグリフが見えないことがあるが、これはfont-styleプロパティやfont-weightプロパティ等をフォントのフォーマットに合わせて個別に指定しなくてはいけないため(多分)で、今のところ仕様ということにしておく。直せそうだったら直すつもりだけど、JavaScriptだけでは難しいかとても遅くな
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
WOFF fonts!
WOFF fonts! This is a test for Gentium Basic repackaged in WOFF format. For extra variety, we also show Konstytucyja and DeLarge, both obtained from the Open Font Library site. For more information, see the WOFF format description. To convert existing TrueType/OpenType fonts to WOFF format (subject to appropriate licensing), there is a simple command-line tool sfnt2woff. Precompiled versions for M
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
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=
13 か 15
先日、Twitter で @smashongmag (Smashing Magazine のアカウント) からこんな問いかけがありました: What font-size do you usually use for your body copy? (If em, convert to px): 11px, 12px, 13px? Let us know! #smfont 「(Web ページの) 本文のフォントサイズっていつも何ピクセルにしてる?」というわけですね。この問いに対するぼくの答えは決まっていて、それは「13px か 15px」です。なぜ 12px でも 14px でもなく、13px と 15px なのか。その理由は、Windows 日本語環境の「事実上の標準」と言えるフォント、ＭＳ Ｐゴシック (MS PGothic) にあります。 Fig 2: ＭＳ Ｐゴシック 12px Fi
レンダリングに使われているフォントと、ブラウザで使えるフォントを取得する - 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
@font-face Browser Support & Tutorial
* SVG is supported, but it’s a larger file size Google Chrome and @font-face: Google Chrome actually does support @font-face, but it was turned off by default until version 4.0.249.78 released on 1/25/20. Chrome has supporte SVG fonts for a while now. While developers have been able to turn on @font-face support in Chrome in their own environment, only Chrome users who have updated to the January
Beautiful curvy brush fonts for design
Brush fonts are hotter than ever and we are seeing them more often on professionally designed websites. Thick, bold and beautiful... their relaxed, casual feeling and sexy curves make them a perfect fit for designers who want to break the mold and steer away from the typical serif and sans serif font choices. Some of them crossover into the script font world, while retaining their thick lines and
Firefox 3.6でサポートされたWOFFを試してみる - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
TypeKit で広がる Web デザインの可能性
今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。TypeKit は、権利問題をクリアした多くのフォント一覧から自分の好きなフォントを選んで、簡単なソースコードを Web ページに埋め込むだけで @font-face によるフォントの指定が行えるようになるサービス。今までフォントの関係から画像で処理していた部分をテキストデータとして処理しつつある程度自由にフォントを選べるので、デザイナーにとっては表現の幅が広がるのではないでしょうか？ 今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。 Typekit is live ： The
Moving to a system font stack in WordPress (how and why)
I’m a big fan of web performance. But I also don’t think it should or have to compromise design. There is always a good balance in the middle. Back in 2017, I was on GitHub’s blog and was digging their font. It was super easy to read. So I dug into the properties with Chrome Devtools and saw that they were using a system font stack. I’ve been using system fonts for years now and love them. So toda
次期Firefox 3.6が対応する新しいWebフォント形式“WOFF”とは？ - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
The Next Serif Trend - Web Designer Wall
In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prociono | The League of Moveable Type
Approximate Conversion from Points to Pixels)
Adobe After Effects | Envato Tuts+
Adobe Fonts
