.ttcという拡張子のついたフォントは、複数の.ttfをまとめた状態のものみたいです。
でもって、UniteTTCは、.ttcを.ttfに分割する事が（結合も）できるコマンドラインツール。
コマンドプロンプトから使う場合は
[text]>UniteTTC font-name.ttc[/text]
詰まった時にリカバリするスキルがすぐにはつかなさそうなので、
Mountain LionでRicty（プログラミング用フォント）を生成する事は早々に諦め、
Ubuntu（ウブントゥ）を使う事にした。
訳の分からない敗北感がうっすらそこにあるけど、ただRictyが使いたいだけであって
意地でもMacで生成しなければいけないわけじゃしこれでよしとする。
Ubuntuて使ったこともなかったけど
超ラクだったよ！
virtualBoxをインストール（すでにインストールしてある
Downloads – Oracle VM VirtualBox
Ubuntuをインストール（Ubuntu 12.04を使った
Ubuntu Desktop 日本語 Remix CDのダウンロード | Ubuntu Japanese Team
ここらへんを参考にさせていただきました（MacのVirtualBoxにLinuxのUbuntuをインストールする方法 / Inforati
現バージョンとは項目が少し違うけどまぁ大丈夫。
なんかお洒落な感じ。
右側のUbuntuをインストールを選択
![[image]右側のUbuntuをインストールを選択](http://blog.sakurachiro.com/wp-content/uploads/2012/08/4ba0a9bc9d444ad52a57da9bcc7e5670.png "右側のUbuntuをインストールを選択")
ディスクを削除してUbuntuをインストール、を選択
![[image]ディスクを削除してUbuntuをインストール](http://blog.sakurachiro.com/wp-content/uploads/2012/08/64a2028a3b1f9ceba8aca742592373d6-480x383.png "ディスクを削除してUbuntuをインストール")
20分くらい？でインストール完了
フォントをインストールして生成スクリプトを用意しておく。
xcodeもhomebrewもインストールする必要ないので早速FontForgeをインストール
コマンドはここに書いてあるのでターミナルを起動させる
プログラミング用フォント Ricty
ターミナルは左上のDashホームをクリックして
検索に「端末」といれたら出てきた
terminalでも出てくる
![[image]端末（terminal](http://blog.sakurachiro.com/wp-content/uploads/2012/08/0829-2.png "端末（terminal")
[text]apt-get install fontforge[/text]
と入れたら
[text]E: ロックファイル /var/lib/dpkg/lock をオープンできません – open (13: 許可がありません)
E: 管理用ディレクトリ (/var/lib/dpkg/) をロックできません。root 権限で実行していますか?
[/text]と言われて失敗。
![[image]失敗した](http://blog.sakurachiro.com/wp-content/uploads/2012/08/0829-1.png "失敗した")
sudoを付けて成功
[text]sudo apt-get install fontforge[/text]
ダウンロードにダウンロードしたまま
スクリプトが入ったフォルダをRictyに変更して
その中にフォントを入れておいた
ターミナルから
[text]cd ダウンロード/Ricty[/text]とスクリプトのあるディレクトリに移動して
[text]sh ricty_generator.sh auto[/text]
![[image]Ricty完成](http://blog.sakurachiro.com/wp-content/uploads/2012/08/0829-3.png "Ricty完成")
完成したフォントをMacに移すのだけれど
Guest Additionsをインストールしただけじゃ共有フォルダが有効にならないようで面倒くさかったので
Dropboxに放り込んで終了としました。
Ricty 15px
![[image]Ricty 15px](http://blog.sakurachiro.com/wp-content/uploads/2012/08/0829-41.png "Ricty 15px")
MeiryoKe_Console 15px（普段使っているフォント
![[image]MeiryoKe_Console 15px](http://blog.sakurachiro.com/wp-content/uploads/2012/08/0829-51.png "MeiryoKe_Console 15px")
MeiryoKe_Consoleと比べると縦が詰まってますね
![[image]ドットインストール](http://blog.sakurachiro.com/wp-content/uploads/2012/08/120829-0001-480x296.png "ドットインストール")
3分動画でマスターする初心者向けプログラミング学習サイト – ドットインストールを
見ていて動画内で使用されてるフォントが見やすいなー、なんて名前だろう？使ってみたいなーと調べてみたら
このサイトについての下側に使用フォント名を書いてくれていました。
レッスン中のフォントは「プログラミング用フォントRicty」を使わせていただいております。
プログラミング用フォント Ricty、その名前は聞いたことあるぞ
見やすい和文と英文フォントを合成したヤツよね。
どうやらMountain Lionでも合成できるようなので
いっちょチャレンジしてみました（成功しなかったけど）
フォントをダウンロード
生成スクリプトをダウンロード
MacでFontForgeをインストールするにはhomebrewというのを使うみたい。
そのhomebrewを使う為にはxcodeをインストールしておく必要があるそうな、面倒ですね。
xcodeはAppStoreからダウンロードできる
xcodeをインストールしたら次にCommand Line Toolsもインストールしておく
![[image]Command Line Tools](http://blog.sakurachiro.com/wp-content/uploads/2012/08/7c9d7e795d408a70c6c8c018bd87f30f.png "Command Line Tools")
xcodeを立ちあげて
preferences…>Downloadsタブ>Command Line Toolsをinstallからインストール
ちょっと時間が掛かった気がする
あとこれも必要らしい
XQuartz
XQuartz-2.7.3.dmgをダウンロードしてインストールした
ターミナルを起動して（Launchpadの中のユーティリティの中にあるはず）
Homebrew — MacPorts driving you to drink? Try Homebrew!の最下部にある
[text]ruby <(curl -fsSkL raw.github.com/mxcl/homebrew/go)[/text]をコピペしてエンター
Installation successful!
で完了
[text]brew doctor[/text]
するとなんかWarningがたくさん出てるんだけど、検索してもさっぱりわからない。
[text]brew update[/text]でアップデート
とりあえずFontForgeをインストールする準備は出来た？
ターミナルに↓を入力してエンター
[text]brew install fontforge[/text]
しばらくしてエラー
[text]Error: Failed executing: ./configure –disable-dependency-tracking –prefix=/usr/local/Cellar/fontconfig/2.10.1 (fontconfig.rb:14)[/text]
「Mountainlion fontforge」みたいなキーワードで検索すると
Error: Failed executing: make (fontforge.rb:69)ってエラーがでるみたいな事がちらほら書いてあるけど
うちは(fontconfig.rb:14)。。。？
とりあえずMacPortsかFinkがインストールされているから削除しろ、的な警告が出ていたので
次はMacPortsを削除してみようかな、というところで終了
MacPortsはこちらを参考に削除
2.5. Uninstall
なんか怖いコマンドみたい。
finkはこちらを参考にしました
MySQLのアンインストールとFinkのアンインストール – yuhei.kagaya
もう一度fontforgeのインストール
[text]brew install fontforge[/text]
するとなんかエラーが変わった！
[text]Error: Failed executing: make (pango.rb:44)[/text]
なんかファイルかディレクトリがないって言われてる？
[text]
/bin/sh: /usr/local/bin/glib-mkenums: /opt/local/bin/perl5: bad interpreter: No such file or directory
/bin/sh: /usr/local/bin/glib-mkenums: /opt/local/bin/perl5: bad interpreter: No such file or directory
[/text]
むぅ
続くかも。
続き
Mountain LionでRicty生成に失敗したからVirtualBoxにUbuntuを入れてそこから生成を試みた話 | 乱雑モックアップ
![[image]Panic Sans](http://blog.sakurachiro.com/wp-content/uploads/2012/05/2012-0530-6.png "Panic Sans")
App Storeのレビューの「前のバージョンについていたPanic Sans（オリジナルのフォント）がCoda2にはみあたらない」を読んで
みたことないフォントだけど残念過ぎる！本当にないのか？と探してみたらパッケージの中にありました！やった！
/Applications/Coda 2.app/Contents/Resources/Panic Sans.dfont
アプリケーションのCoda 2.appを右クリックして
パッケージの内容を表示から行った。
![[image]アプリケーションからCoda2を右クリック](http://blog.sakurachiro.com/wp-content/uploads/2012/05/2012-0530-4.png "アプリケーションからCoda2を右クリック")
menloとそっくり、でも0が可愛い。
![[image]比較](http://blog.sakurachiro.com/wp-content/uploads/2012/05/2012-0530-2.png "比較")
なんで一緒にインストールされなかったんだろう
![[image]YUI 3: CSS Fonts](http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110424_1.png "YUI 3: CSS Fonts")
font-size、
pxで指定するとIEで拡大縮小できなくなる、font-size。
ブラウザやOSやフォントによって大きさも変わるしって事で
bodyに85%くらいを指定するくらいでおしまい、って感じに
結構ぞんざいに扱っていました。
そんな人間なのに、最近意味もなく
「YUI CSS Resetを使ってるし、YUI CSS Fontsも使ってみようかな」と思い立ち
YUI3.3をダウンロードしたはいいけど忙しくて放置してところに
素敵なタイミングで以下の良エントリーがっ。
YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね :: 5509
※cssコメントの対応表あり
みんな、pxに対応する%を覚えて使ってんのかなぁ、すげぇなぁ。。。と思ってたけど、コメントいれちゃった方が優しいっすよね。
さっそくパクろう。
YUI 3: CSS Fonts
解凍後以下のフォルダの中にあるよ
|
1 |
YUI Library\yui\build\cssfonts |
fonts-context.cssってなんだろ
追記
使い方間違ってたっ！！
任意のfont-sizeをYUI CSS Fontsを読み込んだあとの
bodyに指定してたので次のような事になってた。
|
1 2 3 4 |
body{ font-family:"メイリオ", Meiryo; font-size:93%; } |
としたら12pxにならなかった。
確認用の画象(20110424.png)をつくって、
![[image]サイズチェック用画象](http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110424_2.png "サイズチェック用画象")
確認用のソースを用意して
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<style type="text/css"> body{ font-family:"メイリオ", Meiryo; font-size:93%; } .test{ padding:20px; position:relative; } .text{ position:absolute; top:88px; left:30px; color:#f33; } </style> </head> <body> <div class="test"> <p>メイリオで12px</p> <p><img src="20110424.png" width="145" height="115" alt="" /> </p> </div> <div class="test"> <p class="text">メイリオで12px</p> <p><img src="20110424.png" width="145" height="115" alt="" /> </p> </div></body> |
textを重ねてチェックしてみたら、15pxになってるぽい。
表示結果
![[image]93%で15px](http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110424_3.png "93%で15pxぽい")
検索すると理由が書いてありました
YUIのfonts.css[to-R]
bodyにfont-sizeを指定するとyuifontsの指定が上書きされちゃうのね
そりゃそうだ。
上記cssを以下のように変更してチェック
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<style type="text/css"> body{ font-family:"メイリオ", Meiryo; } .test{ font-size:93%;/*←ここに移動*/ padding:20px; position:relative; } .text{ position:absolute; top:29px; left:31px; color:#f33; } </style> </head> <body> <div class="test"> <p>メイリオで12px</p> <p><img src="20110424.png" width="145" height="115" alt="" /> </p> </div> <div class="test"> <p class="text">メイリオで12px</p> <p><img src="20110424.png" width="145" height="115" alt="" /> </p> </div></body> |
表示結果
![[image]今度は12px](http://blog.sakurachiro.com/wp-content/uploads/2011/04/20110424_4.png "今度は12px")
最初にリンク貼った徳田さんとこのサンプルソースもそうゆう風に書いてあるのにね。
ここ数年ずっとメイリオでコーディングしていました。
メイリオはプロポーションフォントなので入力した文字の列がガタガタになるし、「”」(シングルクォート二つ)と「”」(ダブルクォート)の区別が付き辛いです。
最近たまにOperaを使ってる。
PC版のOperaは癖があるけど軽快、ただ見るだけならchromeより快適かも。
最初からマウスジェスチャーついてるし、閉じたタブをCtrl + Zで開けるし。
それに比べてiPhone版Opera Miniの残念具合はどうしたものか…
話がそれた。
そんなちょっと快適なOperaですが気になる事がありんす。
サイトによっては全角数字がバケるんです。
別にOperaが悪いわけじゃなんだけどね。
英数なんて全角で使わないけど、サイトによってはゴチャ混ぜになってるのよね。
例えば知恵袋なんてOperaで見ると何書いてあるんだかさっぱり。
どうも原因はLucida Grande。
ちなみに、知恵袋はこんな風なfont指定をしてる
|
1 |
font-family:"MS PGothic","Lucida Grande",sans-serif; |
Firefoxだと”MS PGothic”が有効になるけど、Operaは”ＭＳ Ｐゴシック”と書かないと認識しないので次の”Lucida Grande”が適用される。
そして Lucida Grande で全角数字を表示するとバケる。
表示できないからバケる?
詳しい事はわかりませんけど。とにかくバケる。
Lucida Grandeてのはwindows版のsafariをインストールすると付いてきてたみたいだけど今はどこからやってくるんだろう?
Safari.resourcesフォルダの中には無かった。
とりあえずOperaのフォントを変更しても、font-familyが指定してあるページのフォントは変更できないので解決しない。
制作側の解決方法は”Lucida Grande”を最初に指定しない。
観覧側の解決方法はいくつか選べて
今回は3番の「ユーザースタイルシートでfont-familyを上書きする」をやってみます。
Ctrl + F12 ( [設定] – [設定] ) – [詳細設定タブ] – [コンテンツ] – [スタイルオプション]
を開くとユーザースタイルシートの保存場所と名前を設定できる。
初期値はuser.cssみたい。
ちなみにうちのOperaは10.50 betaが出た時に別フォルダを作ってインストールしたんだけど
そのフォルダのまま勝手にアップデートされてて、中身は10.53なのに紛らわしい事になってる。けどそのまま。
user.cssは存在しなかったので、こんな風に記述して保存
|
1 2 3 |
body{ font-family:inherit !important; } |
文字化けは治ったけど、font指定を片っ端から上書きしちゃうのは良くないよねぇ…
やっぱり1番か2番が良いのだろうか。
