像素字體(pixel font)入門+字體網站介紹

[psac]

首先介紹一下, 字體, 一共分3種, bitmap, vector和postscript, pixel font屬於bitmap, 是由一個個點組成的, 目前最流行的仍然是pixel字體, 已經流行了接近3年. 如果你不知道何為pixel font, 請先瞭解一下, 學一下使用方法, 不要亂用.
flash如果需要的話可以先ps出一個gif圖片，圖片內容為字體格式的去效果模式，然後匯入flash，轉換矢量的時候選項點正，一直這樣，都是一個像素，比你的方便，而且網上還是這個好，輸出字體。。很少吧!

只需要Flash, 開個text field, 打了字, 輸出swf時把字體也輸出了, 我打1萬字也是輸出一種字體而已, 如果我還想省空間我可以只輸出我用過的字母呢. 而你需要PS作圖, 再匯入Flash, 用的地方多了還要這樣做很多次, 何來比我方便??? 況且, 你要改字怎辦? 開啟PS改完再匯入啊? 還有, 如果我的字是動態產生的, 例如需要讀取外面的txt或XML文件的, 又怎辦? 不輸出字體...很少吧
下面是需要注意的:

1. 每一種pixel font都有個類BIOS大小, 一般是7 pt到12 pt左右, 作者做出來的時候如果是8 pt, 你使用時就必需字體大小就一定要用8, 或8的倍數(16, 24, 32, ...), 否則字體不能正確顯示.



2. 你必需關閉anti-alias反鋸齒, 反鋸齒的原理, 是在深思的點旁邊加些淺色的點另曲線圓滑. 但pixel font是要字體清晰銳利, 不是要圓滑, 你一開啟反鋸齒馬上就模糊了.

3. 這個是針對macromedia flash的, flash並不支持所有bitmap font, 不支持的輸出時字體會變實心. 但如果支持, 將大大減少輸出文件的大小, 因為你輸出時要輸出字體, 而pixel字體都很小. 在flash裡用, 除了需要遵守上面兩點, 還必需注意, 文字所在的座標, 必需是整數. 例如是(65, 457), 而不是(23.1, 45.7), 否則flash會自動幫你反鋸齒, 結果也是變模糊.

使用tips:
1. 儘量用字體定義的大小(多數是8 pt), 也就是最小的那種, 越小越好是當今潮流

2. 因為有放大不失真的特點, 所以如果你需要在網頁上放個很大的"T"的圖片, 可以作個最小的"T", 然後用HTML語句放大, 效果一樣, 文件大小就小很多了.



3. 除非是標題, 如果是給人閱讀的句子, 儘量不要用大寫的, 因為會另閱讀很困難.


4. 你可能下了不少字體, 但請不要在同一頁面像"曬冷"一樣show off出來, 菜鳥才會那樣做.


要找字體, 除了去font.com(剛發現真有此站), 應該去哪裡? 下面就讓我介紹幾個一流的字體網站:

// http://www.04.jp.org/
//國內也很多人用pixel font, 但基本上是用日本的04系列. 所以我勸你用別了, 太濫了呀!

// http://www.hi-type.com 或 http://www.hi-type.de

唉, 你不走運, 這是極出色的字體網站, Micromedia 的MX系列, 右邊的panel上用的字體, 就是來自hi-type. 我剛試過, 連不上, 可能down了. 註冊後可以免費下載.

// http://www.zetuei.com/
日本網站"絕影", 光耞名字就知道是cool!

// http://www.superlooper.de/
superlooper有近20款出色字體, 不少設計網站都有使用.

// http://www.miniml.com/
如果你從沒耞過miniml, 你應該檢討一下要不要在這行混下去. 這是帶動pixel font潮流的鼻祖. Hooge, Kroge, Standard三種字體是目前網上設計網站中用得最多的字體. 看上去有點像04, 但個人認為比04要好. 他們的字體以前是免費下載的, 紅了之後開始收費, 好在我下得快.

// http://www.tint.de/
裡面有目前做得最小的pixel font, 只有4 point

// http://www.etherbrian.com/
有種很好看的字體, 自己去看

// http://www.fountain.nu/
不錯的付費網站, 但幾是塊買個來做logo也不貴吧

// http://www.cubadust.com/
還是要給錢買的

// http://www.orgdot.com/aliasfonts/
極出色的alias font(same as pixel font)根據地.

// http://net.jp.org/jafont/
這裡沒有字體下, 但有大量日本字體網站的連結.

// http://www.wpdfd.com/wpdtypo3a.htm
付費的, 但有pixel font的介紹

// http://2theleft.rdx.net/fontpage2.htm
裡面有很多適合做logo的字體

// http://fenotype.com
好像是樓上的另一個家, 裡面有幾十種出色字體免費下載.

// http://www.myeye25.com/
cool死了的pixel font

// http://www.myfonts.com/
我告訴你, 給錢買的就是不同

// http://www.dafont.com/en/
沒甚麼好介紹的, 字體太多, 但質素比一般網站收藏的好

// http://www.koenhachmang.com/ 有些很好看的字體, 但現在我也找不到, 你找找看.

// 甚麼? 你嫌人家的字體不好看, 要自己做一個? 好呀, 去弄個Macromedia Fontographer回來吧, 這東西N年沒出新版本, 但牛人做字體還是用它.

Q:
fw2004做的，感覺flash做出的體積比較大，而且flash不熟
A:
flash做好以後可以用imageready修復一下，很實用
Q:
我只需要Flash, 開個text field, 打了字, 輸出swf時把字體也輸出了, 我打1萬字也是輸出一種字體而已, 如果我還想省空間我可以只輸出我用過的字母呢. 而你需要PS作圖, 再匯入Flash, 用的地方多了還要這樣做很多次, 何來比我方便??? 況且, 你要改字怎辦? 開啟PS改完再匯入啊? 還有, 如果我的字是動態產生的, 例如需要讀取外面的txt或XML文件的, 又怎辦? 不輸出字體...很少吧

P.S. 如果非要用你的辦法, 也應該用Firework輸出PNG, 不是用photoshop輸出GIF, GIF沒有透明通道.

A:
gif單色有透明啊

PNG仍然是匯入BITMAP的首選格式