【字型檔】可變字體鑲嵌到網頁裡的方法（Base64格式）
0沒有網路空間也可以把字型塞到網頁裡面嗎!?
章節目錄————————————
0:00 前言
外國論壇原始連結：https://stackoverflow.com/a/59116157
1:56 範例
CodePen連結：https://codepen.io/erikyin/pen/zYZxgwX
2:42 轉檔到 base64
CodePen連結：https://codepen.io/erikyin/pen/rNjPrey
6:22 結論
資料分享————————————
其他關於base64的工具教學文章：http://stephenscaff.com/articles/2013/09/font-face-and-base64-data-uri/
線上的轉base64工具：https://transfonter.org/
我的————————————
作品頁: https://www.behance.net/erikyin
臉書: https://www.facebook.com/erikyin/
如果我的影片對你有幫助，你也有一些餘裕，歡迎小額贊助
讓我買杯咖啡: https://www.buymeacoffee.com/erikyin
或是用PayPal也可以: https://paypal.me/erikyin?locale.x=zh_TW
謝謝你看到這邊，下次見！
＝＝＝＝＝＝＝＝＝＝＝＝
如果你對我的作品有興趣，歡迎來我的Behance頁面看看。
http://behance.net/erikyin
如果你也對字型創作有興趣，歡迎來訊交個朋友。
如果你對我的創作過程、玩遊戲甚至未來可能的影音創作有興趣，歡迎訂閱這個Youtube頻道。
If you are interested in my work, welcome to visit my Behance page.
http://behance.net/erikyin
If you are also interested in font creation, welcome to contact me and make friends.
If you are interested in my creative process, playing games and even possible future video and livestreaming, just subscribe to this Youtube channel.
Other Videos By TzuYuan Yin's Type & Games Channel
| 2021-07-02 | 🔴 【迷宮大偵探】#1 一起來走迷宮吧！ |
| 2021-07-01 | 【Glyphs 3】可變字型出現紅 bar 怎麼辦？ / 樣式不一致的修正 各種常見情況和解決方法 |
| 2021-06-25 | 🔴 【機械迷城】#3 (end) 打遊戲賺金幣 |
| 2021-06-25 | 【字型檔】字型檔免安裝直接在Illustrator使用的方法（Mac系統） |
| 2021-06-23 | 【Glyphs 3】製作可變字體的基本流程教學 |
| 2021-06-19 | 🔴 【機械迷城】#2 搶救留聲機 |
| 2021-06-18 | 🔴 【機械迷城】#1 機器小男孩的英雄救美之旅 |
| 2021-06-11 | 🔴 【銀河歷險記3】#3 (end) 降落第二顆大星球 |
| 2021-06-05 | 🔴 【銀河歷險記3】#2 探索新星球 |
| 2021-06-04 | 🔴 【銀河歷險記1+2+3】#1 有機可愛的解謎小品 |
| 2021-05-27 | 【字型檔】可變字體鑲嵌到網頁裡的方法（Base64格式） |
| 2021-05-06 | 【CSS】當你有一套可變字型，要怎麼讓它動起來？可變字型的CSS語法動畫教學 |
| 2021-04-18 | 🔴 【Röki】#5 (end) 父女的城堡探險卡關之後 |
| 2021-04-09 | 🔴 【Röki】#4 父女的城堡探險 |
| 2021-04-02 | 🔴 【Röki】#3 喚醒鹿神 feat. 小助理 |
| 2021-03-27 | 🔴 【Röki】#2 接下來可能是悲傷故事的部分 |
| 2021-03-19 | 🔴 【Röki】#1 女孩和北歐神祇的相遇 |
| 2021-02-23 | 🔴 【Glyphs—新年字體馬拉松 第一回】Ratox Pt.3 |
| 2021-02-20 | 🔴 【Glyphs—新年字體馬拉松 第一回】Ratox Pt.2 |
| 2021-02-18 | 🔴 【Glyphs—新年字體馬拉松 第一回】Ratox Pt.1 |
| 2020-11-01 | 🔴 【Carto】挑戰破關外的10個成就 |