Every font. Every iOS version. Loading all fonts for iOS 70 %
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。 その後、いろいろと調べたり試したりする中でsymbolset相当のWebFontを自作することが出来ました。今回はそのプロセスと技術的解説について紹介したいと思います。 Ligature Symbols について まずは今回自作したWeb Fontのデモページをご覧ください。 【DEMO】 Ligature Symbols 今回作成したLigature Symbols FontはOFLライセンスで公開しており、ダウンロー
Adobe BrowserLabでMacのFlashの表示が表示できるみたいだったので、前から気になってたデバイスフォントの違いについてチェックしてみた。 デバイスフォントは、OSのフォントを呼び出して使うフォント指定で、WindowsXP以下では表示がガビガビしちゃったり、OS間での差異が激しいという欠点もあるのだけど、容量がかからないという利点がある。 ユーザーの入力を受け取ったり、もしくはサイトをスクレイピングして表示するなんて時は、全てのフォントの可能性があり、これを埋め込んじゃうと2MBくらいするんで、どうしてもデバイスフォントを使わざるを得ない場合が多いよね。 とりあえず、こういうテスト表示を作って、重ねてみることにした これはWindowsでの表示なんだけど、左側は通常のデバイスフォント、右側はWindowsでのガビガビを回避するためにFlash側でアンチエイリアスをかけたも
[[フォントを埋め込む]] の続きです。 OpenTypeフォントを埋め込んでみましょう。 現在、FlexSDK4でのみ確認しています。 (この記事の解説では、AZUSA_H様の[[あずきフォント>>http://azukifont.com/]]を使用しています) **OpenType まず、拡張子がotfになっているものがOpenTypeフォントです。 #image(s1.png) 拡張子はttfファイルだけど、中身にOpenTypeレイアウトが使われているものもOpenTypeなので注意しましょう。 **原因 CFFFontManagerという機能がFontファイルから埋め込み文字に変換する処理を行っていますが、このマネージャーはOpenTypeフォントをサポートしていません。 なので、OpenTypeをサポートしているAFEFontManagerに変更するように設定してみましょう。
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
でInconsolataだけが紹介されているので、おまけ情報を少々。 Inconsolataというのは、Windows Vista/7 に標準で付属しているConsolasフォントに感銘を受けた作者がConsolasを意識して作ったフォントです。 ConsolasのほうはVista/7だけでなく、Visual Studioに付属してたりもします。一応、こちらからダウンロードもできるようです。 Download: Consolas Font Pack - Microsoft Download Center - Download Details Windows(少なくとも7では)ではConsolasのほうがより(ClearTypeの効きが)綺麗だと思います。というか、InconsolataはWindowsだとどうも今一つ…、ただMacやLinuxではWindowsでのConsolasと同じくら
The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers. View font details to get the code needed to embed the font on your web site. Please also visit our quick start guide and FAQ page. For more help and suggestions, use our moderator page
Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったので訳しておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。 安全な@font-faceの書き方 以下は訳注と私見。 条件付コメント 面倒くさいというのはわからなく
Macでプログラミングをする人の定番フォントと言えばMonacoかOsakaのようだが、Macを使用している海外の開発者が「MSのConsolasがイイ」と書いているのを見つけて自分も試してみたくなった。Install Microsoft’s Consolas Font on Mac OS X » WezM.netを参考にしてトライしてみた。(OSX 10.5.7を使用。) 1. 元ネタの指示通りここに行く。 2. 少々わかりにくいが、目指すべきリンクはページの下部にある。(図を参照) 3. 右のDetailsに”Open XML File Format Converter for Mac 1.0.2″の説明が出てくるので、スクロールしてJapanese (.dmg) をダウンロード。(※consolasは英文フォントなのでどの言語を選んでも同じはずではあるが。) 4. マウントしてそ
Windows XPでは、画面表示の際、文字のエッジをスムーズ化して見た目を「きれいに」表示する機能がある。実はWindows 2000以前にも「文字のエッジをスムーズにする」機能はついていたのだが、ここで使われていた技術はごく普通のアンチエイリアシングにすぎない。これに対してWindows XPでは、液晶ディスプレイ限定、という制約はあるものの、よりスムージング効果の大きいClearType技術が利用できるのである。 それぞれ、どのような効果があるのかを比較したのが、下の表だ。 無し 標準 ClearType 好みの問題はあるだろうが、標準スムージングとClearType処理を施したものでは、曲線部分や斜線の部分がなめらかな感じになっているのがわかると思う。対して、処理を行っていないものでは、特に斜線がガタガタだ。標準スムージングとClearTypeとを比較すると、スムーズ
先日のDECONでの宮川さんの発表で等幅フォントのConsolasがいい、とのことなので、フォント好きなこともあり、試してみました。 Consolasのダウンロードは、ここから。 なお、インストールには、Visual Studioがインストールされている必要がありますので、入れていない人は、このあたりからダウンロードしてインストールしてください(ちなみに無料です)。Consolasのインストール後に、Visual Studioはアンインストールしても、フォントの使用には問題ありません*1 また、Consolasは、アルファベットのみのフォントなので、そのままでは、多くのアプリケーション(IE, メモ帳など)で日本語が文字化けします。そのため、Windows2000, XPのFont linkingという機能を利用して、日本語については、別フォントで表示されるようにします。なお、Font l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く