整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML的文字樣式

          ont 屬性可以用來作為 font-style, font-variant, font-weight, font-size, line-height 和 font-family 屬性的簡寫,或將元素的字體設置為系統字體。

          字體修改

          • font-family 屬性:設置HTML頁面中的字體
          • font-size 屬性:設置字體大小
          • font-weight 屬性:設置字體的粗細程度
          • font-style 屬性:設置指定字體樣式

          font-family寫法示例:

           <style>
                   p{
                       font-family: "幼圓";
                   }
               </style>
           </head>
           <body>
               <p>19級啟嘉班</p>
           </body>

          效果:

          技術等級】中級

          本文重點講解CSS文件中的字符集問題,同時展示了中文字體的英文名稱應該如何使用。本文屬于前端開發的中級教程,適合于有一定的CSS開發經驗的學習者。

          現在頁面的CSS代碼多采用CSS文件的方式鏈接使用,這主要是秉承了“標記”與“表象”相分離的設計原則,讓CSS代碼在一個獨立的文件中呈現。

          在CSS文件中同樣會出現一定的中文,例如:中文注釋,中文字體名稱。這些中文內容,瀏覽器能夠自動識別而不至于解釋為亂碼嗎?

          W3C為CSS文件準備了一個設置文件字符集的命令,該命令的書寫格式如下:

          CSS文件使用 @charset “utf-8”; 命令設置文件字符集

          該句命令的使用有如下的規定:

          • 上述代碼中@和charset之間不得有空格。

          • 所指定的字符集名稱必須用雙引號引住。

          • 命令末尾必須帶有一個分號。

          • 該句命令在一個CSS文件中只允許出現一次。

          • 該句命令必須書寫在CSS文件的第一行,前面不得有任何內容,也不得有任何注釋。

          該句是為CSS文件中出現的非ASCII碼字符所設定的。為了讓非ASCII字符不出現亂碼或者字體中文名稱起作用,必須設置該句。當然現在的許多編輯器在這方面處理的都比較好,設計人員無需書寫該句,也能正確的實現非ASCII字符。

          一、Sublime 中如何修改CSS字符集:

          在編輯器Sublime 3中,如果要修改字符集,單純的在 @charset 命令中改變字符集的名稱是不行的。

          首先,默認情況下,Sublime 3認定的字符集為 utf-8,從下圖中指定的位置可以看出。

          Sublime 3 中指定文件當前字符集的位置

          圖中箭頭指向的位置表明當前的字符集設置為“utf-8”,圖中第1句指定的字符集命令也是“utf-8”。這樣,代碼第4行的中文字體名稱“漢儀綜藝體簡”就可以在頁面中生效了。

          如果想使用“gb2312”或者“big5碼”字符集,則需要更改Sublime 3中指定的字符集。方法是在“文件”菜單下選擇“設置文件編碼”命令,從中找到想使用字符集,例如“GBK”,就表示“gb2312”字符集。

          Sublime 3 中更改文件編碼

          如果沒有對Sublime 3進行文件編碼設置,只是更改了 @charset 命令中指定的字符集名,則在代碼中使用的中文字體名稱是不會生效的。

          箭頭指定的兩個位置必須是一致的

          二、中文字體的英文名稱表示法:

          如果能讓中文字體的名稱不再使用中文書寫,而是使用英文書寫,那么CSS文件中幾乎就很少再會有非ASCII字符的出現了。所以,每一個中文字體都具備一個英文名稱表示法。大家應該熟悉一些常用字體的英文名稱表示法,這樣就不用在CSS文件頂部注明 @charset 命令了。

          下面,小海老師就為大家搜集了一些常用中文字體的英文表示法,希望大家在學習過程中注意知識的積累。

          • 宋體:SimSun

          • 仿宋:FangSong

          • 黑體:SimHei

          • 楷體:KaiTi

          • 幼圓:YouYuan

          • 隸書:LiSu

          • 微軟雅黑:Microsoft YaHei

          • 華文細黑:STXihei

          • 華文中宋:STZhongsong

          • 華文仿宋:STFangsong

          • 花紋新魏:STXinwei

          • 華文行楷:STXingkai

          • 華文彩云:STCaiyun

          • 華文隸書:STLiti

          如果您的電腦是 Apple Mac OS,還可能會用到下列字體:

          • 麗宋Pro:LiSong Pro Light

          • 麗黑Pro:LiHei Pro Medium

          • 蘋果麗中黑:Apple LiGothic Medium

          • 蘋果麗細宋:Apple LiSung Light

          • 標楷體:BiauKai

          將上述中文字體的英文名稱用在 font-family 屬性中指定字體,就可以不用在書寫 @charset 命令了。

          文章預告

          下一次小海老師會為大家講解CSS中有關文本段落的屬性,結合前面HTML的內容,可以對頁面中的段落進行更為細致的調整。千萬不要錯過哦。

          小海聲明

          如果大家希望得到更加全面的關于HTML和CSS技術講解的內容,可以私信我,我會免費將小海老師自己編寫的HTML和CSS的PDF教材發給你,幫助你在前端開發的道路上闊步前行。

          好,我是PPT模板專家——小皮老師。

          我已經在頭條累計分享——超過1500套漂亮的PPT模板,有需要PPT模板,找我就對了!

          私信回復:下載。點擊我的頭像,即可看到“私信”的按鈕。


          前面幾期,我們分享了針對PPT新手的幾篇文章。

          PPT新手掌握這5個技巧!做PPT簡直有如神助,附工具下載

          PPT新手最常見3大錯誤!現在看還能挽救一下

          PPT新手常犯這7個錯誤,你有嗎?附對比圖

          還沒看過的小伙伴們可以點擊鏈接查看!

          那么,今天小皮老師跟大家分享的是中國風字體。

          你看,近些年來,越來越多國潮崛起了!比如說故宮和百雀羚等等。

          故宮潮品

          百雀羚廣告

          中國風的設計也越來越受到關注!將中國風字體運用到設計當中,不僅可以增加設計的文化韻味,還可以提現出咱們民族的設計性。

          今天,小皮老師就給大家推薦一波非常好看的中國風字體,從上百款中國風字體里面挑選出來的,真的太美了。

          希望大家能夠喜歡,記得點贊關注評論一波哦~感謝大家!

          話不多說,開始介紹:

          第1款:漢儀秦川飛影W

          一款帶有古典氣息的漢儀字體,外形和手書體有點像,線條張揚肆意,富有動勢

          第2款:方正清刻本悅宋

          這是方正字體庫的經典簡體字體,這款字體字形非常美觀,字體端正

          第3款:王羲之書法字體

          大書法家王羲之的一款中文字體,王羲之的字非常好看,具有筆力雄勁,入木三分的特點

          第4款:蘇新詩柳楷簡

          一款非常好用的方正字體,字體棱角分明,非常的霸氣和美觀,外加上楷體,看著非常的舒服

          第5款:魚石行書

          是一款很有個性的中文字體,字體輸寫高低不一,很有設計感

          第6款:日文毛筆

          一款非常漂亮的毛筆書法字體,這款字體極具力量卻不失美感的字體形式

          第7款:潮字社凌渡鯤鵬字體

          一款非常獨特的字體,第一眼看上去就非常的大氣美觀,筆畫看上去非常的連貫流暢

          第8款:康熙字典書寫體

          字體筆鋒犀利,熱情奔放,非常好看。

          第9款:騰祥伯當行楷簡

          融合了楷體、行書的新型字體,字形十分優美,筆鋒細膩

          第10款:蘇新詩爨寶子簡

          一款出自蘇新詩之手的碑帖字體


          10款最美中國風字體,更新完畢!喜歡嗎?

          希望越來越多的朋友,都能夠關注中文字體的設計!咱們一起為為中國文化的全新探索一起努力!

          再次感謝這些優秀的字體設計師和字體設計公司

          注:字體如果要商用,請購買版權哦。


          OK,以上就是今天我們分享的內容了!

          私信回復關鍵詞:字體! 即可獲得上面10款字體的打包下載的地址。

          覺得有點收獲的話,可以幫小皮老師,點贊,評論轉發一下!

          歡迎大家留言評論。

          (此處已添加圈子卡片,請到客戶端查看)

          主站蜘蛛池模板: 日韩一区二区三区精品| 国产成人精品一区二三区 | 国产成人精品第一区二区| 日韩人妻无码免费视频一区二区三区| 久久国产免费一区二区三区| 精品91一区二区三区| 精品免费国产一区二区三区| 麻豆文化传媒精品一区二区| 久久精品视频一区二区三区| 国产天堂一区二区综合| 合区精品久久久中文字幕一区| 国产视频福利一区| 日本一区高清视频| 国产一区二区三区在线| 国产一区二区三区在线免费| 国产一区二区三区在线免费| 国产女人乱人伦精品一区二区 | 亚洲国产高清在线一区二区三区 | 国产精品一区电影| 国产一区二区影院| 日韩精品一区二三区中文| 精品人妻一区二区三区四区在线| 国产精品va一区二区三区| 成人精品一区二区电影| 日韩a无吗一区二区三区| 国产免费一区二区三区VR| 无码人妻精品一区二区三区不卡 | 国产成人无码AV一区二区 | 无码人妻精品一区二区在线视频 | 久久精品一区二区三区日韩 | 国产精品一区二区久久乐下载| 精品国产日韩一区三区| 无码人妻AⅤ一区二区三区水密桃| 武侠古典一区二区三区中文| 久久久久人妻一区精品| 国产精品视频第一区二区三区 | 国产高清在线精品一区二区三区| 日本精品一区二区三区在线视频一 | 伊人精品视频一区二区三区| 亚欧成人中文字幕一区| 国产精品一区在线播放|