導航:首頁 > 萬維百科 > 網頁設計font

網頁設計font

發布時間:2020-09-06 08:29:58

1、網頁設計自定義字體在css 用@font

想問什麼

2、網頁設計中,font 如何 精確 字體大小?

你好!你現在的size是html中的字體尺寸,這種不適合在頁面中作設置,這樣會影響整體字體大小的效果。你是好的方法就是要用CSS來做字體大小,這樣會很精確地做到。通常情況下,字體大小都是像素px為單位,用CSS來做設置的話,那如下例所示:
字體設置成為宋體12像素字體:.px12{font-family:宋體; font-size:12px}
那如何調用:<font class="px12">這是設置宋體12像素字體效果</font>
直接寫入頁面也是同樣達到效果,方法為:<font style="font-family:宋體; font-size:12px"></font>
那樣你字體大小就可以很好地精確起來,就不會一下子這么大這么難看了,你可以試一下。
希望我的回答能令你滿意!

3、網頁設計中一般用什麼字體?

用默認的比較多,微軟雅黑也不錯

4、網頁設計中css樣式中的font屬性與font

字體設置使用 CSS font 屬性


定義和用法

font 簡寫屬性在一個聲明中設置所有字體屬性。

注釋:此屬性也有第六個值:"line-height",可設置行間距。


說明

這個簡寫屬性用於一次設置元素字體的兩個或更多方面。使用 icon 等關鍵字可以適當地設置元素的字體,使之與用戶計算機環境中的某個方面一致。注意,如果沒有使用這些關鍵詞,至少要指定字體大小和字體系列。

可以按順序設置如下屬性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不設置其中的某個值,比如 font:100% verdana; 也是允許的。未設置的屬性會使用其默認值。


可能的值


拓展:

設置字體可以使用CSS font全部設置。也可以使用font-size、font-family之類的屬性進行單獨設置。

5、製作網頁用什麼字體好?

Helvetica: 被評為設計師最愛的字體,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字體,在Windows下由於Hinting的原因顯示很糟糕。

Arial: Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常

Lucida Family: Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。

Verdana: 專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。

Tahoma: 也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

Trebuchet MS: 為微軟設計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。

Serif

Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。

Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。

中文不熟,拋磚引玉:

中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。

微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。

華文細黑:Mac下的默認中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。



6、網頁設計中最常用的字體有哪些

1、Georgia字體

基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。


2、Times字體

Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。


3、Arial字體

Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。


4、Lucida Family字體

Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。


5、Verdana字體

專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。


6、Tahoma字體

也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

7、網頁設計 中文一般用的字體大小,一般怎麼設置font-family。 怎麼用fireworks獲取圖中文字的字體和大小?

一般中文的字體大小是12px或者14px。操作方法如下:

1、打開webstorm軟體,在HTML文件中創建h1到h6六個標簽,分別font-style設置字體風格,italic斜體,normal正常,oblique傾斜,inherit指繼承格式,revert還原字體風格。

2、<br />文本換行顯示,在使用p標簽寫段落文字的時候,在網頁中設置換行但是在實際顯示的時候還是不會有換行的格式顯示,需要在文字中間加上<br />符號,設置換行。

3、設置字體的粗細的情況,根據使用font-weight然後選擇字體粗細,bold粗體,bolder稍粗,如圖所示,可以根據需要設置不同的字體粗細。

4、使用font-size設置字體大小,在css文件上輸入font-size之後系統會自動顯示可以選擇的大小,large,larger等等,也可以直接輸入數字來定義字體的大小。

5、最後運行,如下圖所示,就完成了。

8、請問在網頁設計CSS 裡面font-family,font-face,這兩個有什麼不同?

第一個是指定字體:
.youclass{font-family:文鼎POP;}
此處 font-family 指定字體為 文鼎POP ,但電腦上沒裝 文鼎POP 字體的人看網頁,將看不到這個字體效果,任看到電腦上默認的 宋體 或 微軟雅黑體,因此針對中文操作系統來說:為保證網頁效果,通常只能指定:宋體、黑體、微軟雅黑之類的系統上默認自帶的字體。

第二個 font-face 的用法是載入一個字體:
@font-face { font-family:comic;src:url(http://url/文鼎POP.eot); }
將 文鼎POP 的 .eot 格式文件傳到伺服器上,然後用 font-face 載入到網頁中,別人電腦沒裝這個字體,但用 font-face 載入後同樣能在網頁上顯示出文鼎POP的效果。

font-face 這個方法對中文網頁並無多大作用,可以不用關心這個用法,一是多數中文字體並沒有專門設計eot格式,二是中文字體動則10M甚至更大,在網頁中載入,等待時間太長,只會引起瀏覽者不爽。英文就不一樣了,26個字母大小寫也才52個+數字元號之類的在裡面,文件也才幾十K,動態載入完全沒問題。

9、網頁設計中,font如何精確字體大小?

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。字體大小代碼:font-size:14px(字體大小14像素)。

與網頁設計font相關的知識