創造字型

首先在FontForge下載:http://fontforge.github.io/en-US/

相關注意事項:只能在C槽下創資料夾

步驟開始

1.他會問你要開啟字型,這時按New

1  

2.File>Generate Fonts

2  

3.找到我在C槽下創的"CreateFont"資料夾(不能中文),選擇Web Open Font(Google支援),這時檔名打上"myFont"後按下Generate

3  

4.用上下軸轉,找到?開頭,點兩次進行創造

4  

5.如果是封閉空間,在左邊總表會有圖案

5  

6.Element>Glyph Info

6  

7.Unicode Value設定此字編碼,如\uXXXX代表填入是U+XXXX

7  

8.成功的話上方會顯示編碼對應中文字

8  

9.接著把編輯大的視窗關掉,儲存總表

P.S.1:如果像小迷一樣卡住副檔名一直不是woff,先存sfd然後去資料夾找到此檔,強迫改掉檔名與副檔名。(相信我這暴力法FontForge可以開啟)

P.S.2:挖空技巧  1.箭頭>選取路徑(按Shift加點) 2.Element>clockwise方向反轉 (挖空)

 

 

載入字型

<style>

@font-face{

        font-family:myFont;   <<定義新的字型家族為myFont

        src:url(pagefile.woff);    <<路徑為資料夾下pagefile.woff

        }

#title{

        font-family:myFont;

        font-size:200px;

        color:#BEE599;

        text-shadow:2px 2px #333333;

        left:50%;

        top:50%;

        position:absolute;

        margin-left:-300px;

        margin-top:-30px;

        }

</style>

 

<body>

<div id="title">大自然</div>

<div id="nav">

        <ul>

        <li><a href="#">Apple</a></li>

        <li><a href="#">Banana</a></li>

        <li><a href="#">Cat</a></li>

        <li><a href="#">Dog</a></li>

    </ul>

</div>

</body>

結果圖

載入字型  

創作者介紹
創作者 o迷苓o 的頭像
o迷苓o

~米漿牛奶~

o迷苓o 發表在 痞客邦 留言(0) 人氣()