itch.io下載

2023年10月22日星期日

現在可以使用精品點陣體作為網頁字型啦!

精品點陣體7×7:https://chinese-font.netlify.app/fonts/jpdzt/boutiquebitmap7x7_1_6/

精品點陣體9×9:https://chinese-font.netlify.app/fonts/jpdzt/boutiquebitmap9x9_1_6/

目前精品點陣體已經上架《中文網字計劃》啦,這意味著網頁設計師們可以選擇精品點陣體作為網頁字體(webfont)了!與傳統以圖片來展示字體不同,使用網頁字體可以讓網頁上的文字與其他文字無異,亦可以使用特殊的CSS樣式、交互等。在電腦、Mac及手機、平板上都可以忠實地展示,不會因為機器沒有安裝字體而扼殺了您的心思。更重要的是,他就是以文字呈現的,可以讓您的內容被各大搜尋引擎抓到,增加被搜索到的幾率!SEO UP!UP!

現在您就可以依照網頁的教學部署網頁字型在您的網站上哩,得力於中文網字計劃的技術,字體以分包的形式傳輸,故您使用了哪些字,哪些字才會進行傳輸,極大地減少了載入的速度。

2023年10月18日星期三

托碼頭表情包TTF字庫

托碼頭表情包TTF字庫

https://github.com/scott0107000/Tomato-Emoji

目前已發佈單色版及白底版,有139個表情及符號、4個特殊圖案、3個可替換圖案。

最近花了一些時間製作了一款以表情符號為主的字庫①,與之前點點陣字體很像,在做中文字的時候,可以刪減一些筆畫,保留輪廓及重要識別特徵來讓人辨識,或是有點難度的字,也可以在排版時透過上下文來認。在點陣表情上,選擇了中文常見字級12的點陣尺寸16*16來創作,扣除1行及1列的字間行間,只有15*15的畫布。不過也正好,15點正好有一條居中的線可以容易繪製出只有1格粗的對稱圖案。因為選用的畫布有點小(不知道為什麼我就是喜歡小點陣,挑戰性更高但是實用性反而有點低),所以每一格都會直接影響造型,稍有不慎可能會造成表達的誤會。

為什麼以番茄作為表情的角色呢?這是從我之前設計的洋蔥人演變過來的,之前的設計的洋蔥人在“頭髮”的地方個人認為在小點陣裏容易糊掉,故改用整體造型相似的番茄。

在這裏也十分感謝2位超級大佬,在我分享完我的點陣字體後回饋我現在使用表情符號②是個趨勢,可以設計emojis來搭配點陣字。不料翻開Unicode字碼表我直接傻掉了,除了有點亂之外數量也非常龐大,并且一直在增加符號(特別是為什麼還增加了蟑螂),為了做出最常用最基本的符號,我就先選擇做最早就被定義的區段以及一些與漢字相關③的吧。

在構思是有決定要製作彩色版的,畢竟先前就對彩色字體有瞭解,但是完全沒有實踐過,不如就用這次機會來做吧!本想著等我單色版完成得差不多才開始著手填色彩色版的,但是在製作一些單色版後在測試時,發現有時候無法凸顯出面部表情,所以打算一做完常用的符號就馬上補完白底版,然後就能發佈了!

另外分享一下我在測試時的感想:當底色是偏暗色時,選用單色版並選擇明亮的顏色效果最好;底色是亮色是,使用白底版。

此字體可以免費商用,條款在網頁及字庫中都有注明。


Tomato Pixel

19 October 2023


①你所見到的表情符號實質上都是以字體呈現的,多位於基本區外。這就是為什麼有些設備無法處理。

②這裏說的是表情符號(🤣),非顏文字(ᕕ(◠ڼ◠)ᕗ)。但其實我個人認為顏文字用到的符號更難蒐集。

③🈚🈯🈲等。