一、首先呢,我們介紹的是如何用css樣式來自定義字體,一起來看看吧:
在這里我們介紹一個css樣式中的屬性:
font-family:定義文本的字體系列。也叫字體家族,通用的有五種:serif,sans-serif,monospace,cursive,fantasy.
當然還可以找特定的字體。我們在自己的電腦上找自己電腦上有的字體,然后把名字復制進來也能設置,當然如果用戶端沒有安裝這字體,那這字體就沒用了。顯示的是用戶端的默認的字體了。(想看更多就來PHP css視頻教程)
我們來看個文本字體的實例:
style .you_1{font-family:serif}.you_2{font-family:sans-serif}.you_3{font-family:monospace}.you_4{font-family:cursive}.you_5{font-family:fantasy} /style /head body p >這里給上述的五個段落都給了不一樣的字體樣式,我們現在來看看瀏覽器中顯示的結果:
如圖,最后一個沒有任何的設置,就是設置了前面五個字體,看上去是不是很明顯,這是font-family中的五種常用字體,基本上所有的電腦都有這些字體,不需要大家擔心在別人的電腦中顯示不出來。我們自定義的字體說完了。
二、現在說說我們的文本字體樣式,比如改變大小啊,字體加粗的介紹。讓我們一起來看下吧:
font-weight:用來設置文本粗細,有三種:normal,bold粗體,參數100~900,定義文本大小的
font-size:屬性用來設置文本的大小的。有px,em,%.默認1em等于16像素點。
這又是css樣式中兩種字體的介紹了,現在我們讓它們在一個實例中出現
來看看關于字體樣式設置的實例吧:
style .you_1{font-weight:600}.you_2{font-size:40px} /style /head body p >大家很清楚的能看到,這代碼第一個設置了文本粗細的參數,還有一個設置了文本大小的px參數。現在我們來看看在瀏覽器中顯示的效果是什么吧:
這個有點設置大了。不過沒關系,這就肯定能看清楚的。不會有人說看不清楚,一個是設置粗細的,一個是設置大小的,應該不會有人分不清哪個是設置大小和哪個是設置粗細的吧。
好了,這篇文章到這就結束了,介紹了css樣式如何設置字體,還有文本字體樣式的設計。有問題的可以在下方留言提問。
【小編推薦】
html input標簽的屬性有哪些?input標簽的用法總結(附實例)
html中的label標簽怎么設置高度?label標簽的使用方法介紹
以上就是?css如何自定義字體?html中的文本字體樣式介紹的詳細內容,其它編程語言
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答