CSS --- 7つのカスタムフォント

イラストレーター1.Adobe
AIを出版、マルチメディア、オンライン業界標準のベクタ画像イラストソフトウェアで使用されている、非常に良いベクトルグラフィックツールです。
ソフトウェアは、主に、印刷・出版、書籍出版ポスター、プロのイラストレーター、画像処理等のマルチメディアインターネットページ、の製造に使用されて
も、大規模で複雑なプロジェクトにどんな小さなの生産のために設計されたアートワーク、高精度と制御を提供することができます

2。 FONTLAB
FONTLABは広く、フォントのデザインやレイアウト、印刷業界や他のプロフェッショナルアプリケーションで使用されているプロレベルのフォント編集ソフトウェアです。
また、完全に必要な要件を持つフォントに従ってを再設計することができ、既存のフォントを変更することが可能です。

フォントは、処理サイトと互換性があり
https://www.fontsquirrel.com/tools/webfont-generator
icomoonフォントアイコン
https://icomoon.io/#home

3.フォントのアイコン基本的な考え方
のベクトルを設計する-
-異なりますベクトルは異なるカスタムフォント文字を生成するためにバインドされ
---通常のツールやサイトで扱う
ページを使用します-

            @ font- 顔{ 
                フォント -family:" DAMU " 
                SRC:URL(フォント / BAUHS93.TTF)。
            }
<!DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタ文字コード= " UTF-8 " > 
        <タイトル> </ TITLE> 
        <スタイルタイプ= " テキスト/ cssの" > 
            @font - 顔{ 
                フォント -family:" DAMU " ; 
                SRC:URL(フォント / BAUHS93.TTF)。
            } 
            
            #test { 
                フォント:は50px " DAMU " 
            } 
            
            / * #test { 
                フォント:* /
             
        </スタイル> 
    </ HEAD> 
    <BODY> 
        の<divのid = " テスト" >
             111 
        </ div> 
    </ BODY> 
</ HTML>
コードの表示

 

おすすめ

転載: www.cnblogs.com/hack-ing/p/11764535.html