❶ 前端設計中，哪些中文字體兼容性好又好看
一般情況下中文字體：微軟雅黑或者宋體
這個都算比較正統標準的，要說到好看中文字體真沒啥好看的，一般花俏好看的字體都是英文偏多，中文還是比較中規中矩的。
❷ 移動端web頁面設計用什麼字體
最好就是宋體，不要問我為什麼。因為這是默認字體
❸ Html網頁英文要用什麼字體
Html網頁英文要用的字體有很多。如下參考：
1、網頁字體樣式華文黑體：STHeiti
2、網頁字體樣式華文楷體：STKaiti
3、網頁字體樣式華文宋體：STSong
4、網頁字體樣式華文仿宋：STFangsong
5、網頁字體樣式黑體：SimHei
6、網頁字體樣式宋體：SimSun
7、網頁字體樣式新宋體：NSimSun
8、網頁字體樣式仿宋：FangSong
9、網頁字體樣式楷體：KaiTi
10、網頁字體樣式仿宋_GB2312：FangSong_GB2312
11、網頁字體樣式楷體_GB2312：KaiTi_GB2312
12、網頁字體樣式微軟正黑體：Microsoft JhengHei
13、網頁字體樣式微軟雅黑體：Microsoft YaHei
14、網頁字體樣式隸書：LiSu
15、網頁字體樣式幼圓：YouYuan
16、網頁字體樣式華文細黑：STXihei
17、網頁字體樣式華文楷體：STKaiti
18、網頁字體樣式華文宋體：STSong
19、網頁字體樣式華文中宋：STZhongsong
20、網頁字體樣式華文仿宋：STFangsong
21、網頁字體樣式方正舒體：FZShuTi
22、網頁字體樣式方正姚體：FZYaoti
23、網頁字體樣式華文彩雲：STCaiyun
24、網頁字體樣式華文琥珀：STHupo
25、網頁字體樣式華文隸書：STLiti
26、網頁字體樣式華文行楷：STXingkai
27、網頁字體樣式華文新魏：STXinwei
(3)設計web端的字體什麼好看擴展閱讀：
HTML內容描述
< pre > < / pre >預格式化文本(英文名稱:pre)
下劃線
大膽的
< I > Italics
typewritter-style字體
引用>引用，通常用斜體
強調文本(通常是斜體和粗體，英語全:強調)
較重的文本(通常是斜體和粗體)
將字體大小設置為1到7，並使用名稱的十六進制值或RGB作為顏色
BASEFONT標記
字體大小
字體大小
加刪除線
< CODE > < / CODE > CODE
鍵盤(英文全稱:KeyBoarD)
樣本
變數(全名:VARiable)
右縮進(右縮進，塊引用)
定義
地址標簽
上標
下標
< XMP >…< / XMP >;固定寬度字體(文件空白，換行，定位功能有效)
<明文>…< /明文>;固定寬度字體(無標記)
<清單>…定寬小字體
< font color = 00 ff00 >…< /字體>。的字體顏色
< font size = 1 >…< /字體>。字體大小等於1(最小)。
< font style = "font, size: 100 px '>…"< /字體>。字體樣式等於無限增加(100像素)
❹ UI設計常用字體有哪
1.平平穩穩:微軟雅黑/方正中黑
微軟雅黑系列：在網頁設計中這款字體使用的非常平凡，這款只無論是放大還是縮小，形體都非常的規整舒服。在設計過程中建議多使用雅黑，大標題用加粗字體，正文用常規字體。
方正正中黑系列：中黑系列的字體筆畫比較銳利而渾厚，一般運用在標題文字中。但這種字體不適用於正文中，因為邊緣相對比較的復雜，文字一多會影響用戶的閱讀。
❺ 網頁設計 ，什麼英文字體好看
所用的字體就是國外網站設計師經常用的一些英文網站字體。
國內做的英文網站是大多數給老外看的，進入網站的第一眼就是字體，符合經常看的英文網站字體，就有興趣看下去，比如中文經常用到的 宋體，楷體。
而外國人習慣看到的字體則是Tahoma、Arial、Verdana，有時候也用Times New Roman。
一般來說，國外安裝的PC系統中常有的英文網站字體有Arial, Times New Roman, Verdana，字體大小用11px字型大小就很好看了。
所以不能用國內的字體來當作英文網站使用，這樣的話，做的英文網站就是失敗的。 看上去就很業余。當然並不是用了 Tahoma、Arial、Verdana。這些常用的字體就算用的很專業了。
❻ web app上一般用什麼字體
一般是微軟雅黑，不過也有其他字體，比如宋體，正楷等，這個需要結合實際。
❼ 網頁上常見的字體是什麼字體
字體在網站中扮演了相對重要的一個角色，所以在網站中，選用什麼樣的字體也是一個相對比較重要的工作。今天跟大家分享下在網站當中常用的8款字體。
都知道，字體主要分為稱線字和無稱線字。其實細分的話還有等寬字體、夢幻字體和花體字。但今天我們主要針對常用的稱線字和非稱線字來講。
稱線字和非稱線字的區別可以看下圖：
可以看到左邊的中文和英文字屬於稱線字，右邊中文和英文屬於非稱線字。稱線字指的是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同。比如我們常用的宋體，觀察比劃可以看到橫細豎粗的特點，這就是典型的稱線字。非稱線字也叫無稱線字，無襯線字體沒有這些額外的裝飾，而且筆畫的粗細差不多。比如微軟雅黑。
稱線字體容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，非稱線字則比較醒目。所以，在使用的過程中需要根據網站的定位而選擇相應的字體。
下面簡單給大家介紹網頁中常用的幾種字體：
1、微軟雅黑
Vista之後新引入的字體，這個字體的使用率不用說了，可以說是web裡面最安全的一個字體。字體方正、簡潔，被廣泛使用。
上海大眾這個網站默認的首選字體就是微軟雅黑，整體比較簡潔。
2、黑體
黑體字和微軟雅黑差不多，作為非稱線字中的一種，一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮，一般在微軟雅黑和黑體的選擇下，個人更傾向微軟雅黑。
佳能的官網默認首選的字體就是黑體，字體簡潔醒目。
3、華文細黑
華文細黑是Mac下的默認中文，這套字體跟前面的微軟雅黑相比較，更顯絹細、秀氣。筆劃細節比微軟雅黑處理的多一些，所以整體給人比較精緻的感覺。注意一下，華文細黑並不是所有電腦的自帶字體，當網站文字用到這個字體的時候，是需要在自己電腦上下載這套字體的。除此，在寫css代碼的時候，font-family應該設置的選擇性多一下，以保證界面打開的最佳效果。
這個字體就不給大家做展示效果了，因為這個不是系統的默認字體，電腦上沒有安裝這個字體的也看不到網頁的原始效果。
4、中易宋體
前面介紹的三款字體都是非稱線字，接著要介紹的是稱線字體——中易宋體，簡稱宋體。宋體在我們的日常中使用范圍也很廣，這是電腦自帶的其中一種字體。宋體是為適應印刷術而出現的一種漢字字體。筆劃有粗細變化，常用於書籍、雜志、報紙印刷的正文排版，所以在大篇幅文章的設計時，可以採用宋體。這個字體是Windows系統下最常見的字體，小字體點陣，大字體TrueType。大標題顯示時字體不是很好看，所以一般不建議用宋體來當標題。
上海漢路律師事務所的網站就是採用了宋體字，這種字體的選擇一般出現在一些個性比較強的網站中，傳統、專業、公正、官方、權威，宋體就表現了這種特點。
5、 Arial
說到Arial，這套字體是微軟公司網頁核心字體之一，最常用的sans serif字體，當字型大小很小時不容易閱讀。但是，大寫的「I」和小寫的「l」是無法區別的，所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是，蘋果系統下是沒有這套字體的，蘋果系統下默認的是Helvetica。
可以看下禪道項目管理軟體的英文網站，幻燈片採用的字體就是Arial，可以看下這套字體在幻燈片下粗細的組合形態。
6、Tahoma
Tahoma是英文Windows操作系統的默認字體，這個字體比較均衡，是種非常圓滑的字體。這個字體和中文混排顯示時，不會出現中英文不對齊的狀態。這套字體解決了Arial大寫「I」與小寫「l」難以分辨的問題。也相當於在Arial上優化了不少。除此，細看這套字體，可以發現其實在一些筆劃的處理上還是很精緻的。
zui前端框架網站，英文字體的設置上也用到了這個字體，雖然不是第一優先選擇，但是可以看出Tahoma這套字體的使用率也是很高的。
7、Helvetica
說到Helvetica這套字體，應該是設計師們的最愛了吧。這套字體屬於 Realist風格，擁有簡潔現代的線條，受到大部分設計師的追捧。這種字體給人一種簡單、現代化、休閑輕松的感覺。適用於扁平化設計，也適合搭配任何設計項目，包括banner、平面設計以及網頁字體等。在Mac下面被認為是最佳的網頁字體，但在Windows下由於Hinting的原因顯示很糟糕。
這個字體主要體現在蘋果官網上，可以看下美國的官網。
8、Georgia
說到英文的稱線字，肯定首選是Georgia。這套字體筆劃粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還不錯。此種字體風格優雅又精緻，可用於電影海報、游戲、時尚類網頁設計中。
林肯的官網，Georgia是官網的第二優先選擇顯示的字體。網站比較現代，在一些幻燈片當中結合了Georgia字體，稱線字和非稱線字的相結合，可以使得整個網站更生動。
在專業的網頁設計里，除了Banner圖、廣告語等特殊情況可能會用到特殊字體，網頁中使用的字體以不超過2種為准，並且最好採用標准字體，比如中文的宋體、微軟雅黑，英文的Arial、Helvetica。只有使用這些系統自帶的字體，才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體，在設計font-family的時候，應該多設置幾種字體的優先順序，以確保網頁顯示的最佳效果。當然，我們一般情況下建議使用系統自帶的字體。
以上8種網站中常用的字體介紹和示例，希望可以對大家有所幫助。
❽ html網頁的字體怎麼設置好看
想用CSS設置字體樣式，首先得了解CSS 字體屬性，CSS 字體屬性可以定義文本的字體系列、大小、加粗、風格（如斜體）和變形（如小型大寫字母）。
如下：
font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。
font-family 設置字體系列。
font-size 設置字體的尺寸。
font-size-adjust 當首選字體不可用時，對替換字體進行智能縮放。（CSS2.1 已刪除該屬性。）
font-stretch 對字體進行水平拉伸。（CSS2.1 已刪除該屬性。）
font-style 設置字體風格。
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 設置字體的粗細。
如果你希望文檔使用一種字體可以這樣
body {font-family: sans-serif;}
指定字體系列,如下，這樣所有h1標簽裡面的字體就定義好了
h1 {font-family: Georgia;}
其中他們優先順序是 h1>body
注意：如果讀者沒有安裝 Georgia字體，會默認為其他字體，如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。要做到這一點，需要把這些字體按照優先順序排列，然後用逗號進行連接：
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一個 font-family 屬性放在 HTML 的 style 屬性中，則需要使用該屬性本身未使用的那種引號如：
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字體風格
font-style 屬性最常用於規定斜體文本。
該屬性有三個值：
•normal - 文本正常顯示
•italic - 文本斜體顯示
•oblique - 文本傾斜顯示
實例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字體變形
font-variant 屬性可以設定小型大寫字母。
小型大寫字母不是一般的大寫字母，也不是小寫字母，這種字母採用不同大小的大寫字母。
實例
p {font-variant:small-caps;}
字體加粗
font-weight 屬性設置文本的粗細。
使用 bold 關鍵字可以將文本設置為粗體。
關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別，那麼這些數字就直接映射到預定義的級別，100 對應最細的字體變形，900 對應最粗的字體變形。數字 400 等價於 normal，而 700 等價於 bold。
如果將元素的加粗設置為 bolder，瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反，關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。
實例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字體大小
font-size 屬性設置文本的大小。
有能力管理文本的大小在 web 設計領域很重要。但是，您不應當通過調整文本大小使段落看上去像標題，或者使標題看上去像段落。
請始終使用正確的 HTML 標題，比如使用 <h1> - <h6> 來標記標題，使用 <p> 來標記段落。
font-size 值可以是絕對或相對值。
絕對值：
•將文本設置為指定的大小
•不允許用戶在所有瀏覽器中改變文本大小（不利於可用性）
•絕對大小在確定了輸出的物理尺寸時很有用
相對大小：
•相對於周圍的元素來設置大小
•允許用戶在瀏覽器改變文本大小
注意：如果您沒有規定字體大小，普通文本（比如段落）的默認大小是 16 像素 (16px=1em)。
使用像素來設置字體大小
通過像素設置文本大小，可以對文本大小進行完全控制：
實例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}