字體設計與文字編碼
HW04 - Glyphr Studio
林文心
國立臺北科技大學資訊工程系
目錄
P.2
01
章節 01
目錄
P.3
Glyphr Studio介紹
P.4
02
章節 02
Glyphr Studio介紹
P.5
P.6
目標 – 自己設計字體
P.7
靈感來源
P.8
靈感來源
建議的靈感發想網頁：https://erikdemaine.org/fonts/
P.9
使用方法
P.10
03
章節 03
P.11
使用方法
P.12
主要工具
P.13
新增方形
新增圓形
新增任意形狀
新增錨點
編輯錨點
移動圖層
切換字母
主要工具
P.14
P.15
（點選單一個形狀的編輯區塊）
以數值調整位置與大小
該形狀的名稱
貼上/返回/新增形狀/新增部件/從既有字母中複製
複製/刪除形狀/形狀轉為部件/取整數/左右翻轉/上下翻轉/反轉
圖層上移/圖層下移
P.16
以數值調整位置與大小（整體）
（字母整體的編輯區塊）
貼上/返回/新增形狀/新增部件/從既有字母中複製
形狀融合/左右翻轉/上下翻轉/刪除字母/取整數/輸出svg
圖層
P.17
P.18
編輯紀錄
參考線
P.19
字型編輯區
字型測試區
點擊這個選單
P.20
可以調字的大小
輸入你想測試的文字
測試結果（畫質會莫名有點陽春）
存檔
三種檔案都要存！
沒事就順手存檔一下比較放心
P.21
作業規則與說明
HW04 - Glyphr Studio
林文心
國立臺北科技大學資訊工程系
評分標準
P.23
01
章節 01
評分標準
P.24
作業說明
P.25
02
章節 02
Simple baseline (3pt)
P.26
Medium baseline (3pt)
P.27
Strong baseline (4pt)
P.28
繳交資訊
P.29
03
章節 03
繳交資訊
P.30
Github
請把 otf、svg、txt 這三個檔案放到src資料夾
P.31
src按鈕、評分表
P.33
<!-- ------------------------------------------------>
<div class="row hw12">
<div class="col-md-12 twenty">
打開src資料夾
<input type="button" name="back" onclick="location.href='https://github.com/Wenshin1109/ct2023s/tree/main/hw04/src'" value="按我٩(｡・ω・｡)و">
</div>
</div>
<table>
<tr>
<th>總分</th>
<th>完成後打勾</th>
<th>配分</th>
<th>分項描述</th>
</tr>
<tr>
<td rowspan="4" id="myTotal"></td>
<td><input type="checkbox" class="flipswitch" id="myCheckbox1" checked="checked"></td>
<td id='m1'>1</td>
<td>數字 0~9</td>
</tr>
<tr>
<td><input type="checkbox" class="flipswitch" id="myCheckbox2" checked="checked"></td>
<td id='m2'>2</td>
<td>大寫字母 A~Z</td>
</tr>
<tr>
<td><input type="checkbox" class="flipswitch" id="myCheckbox3" checked="checked"></td>
<td id='m3'>3</td>
<td>小寫字母 a~z</td>
</tr>
<tr>
<td><input type="checkbox" class="flipswitch" id="myCheckbox4" checked="checked"></td>
<td id='m4'>4</td>
<td>所有符號</td>
</tr>
</table>
展示成果
P.34
@font-face{
font-family: OFont;
src: url(../src/OFont.otf) format('opentype');
}
展示成果
P.35
<!-- ------------------------------------------------>
<div class="row hw12">
<div class="col-md-12 twenty">
成果<br>
<span style="font-family: 你的字體名稱; font-size: 40px;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
abcdefghijklmnopqrstuvwxyz<br>
0123456789<br>
!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~<br>
</span>
� </div>
</div>
展示成果
P.36
Regulations
P.37
助教聯絡資訊
P.38
04
章節 04
助教聯絡資訊
P.39