網頁字體設計
⑴ 網頁設計中最常用的字體有哪些
字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用arial字體。常用的字型大小大小有以下幾種:12px、14px、16px,但是不是絕對的,可以根據需求進行調整,但是字型大小規格不宜太多,會給人一種混亂的感覺,要注意層次的區別,或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體,比如方正系列,會涉及到版權,謹慎使用。
⑵ 網頁設計中 這是什麼字體
只要是網頁,一般都是用的宋體,除非特殊網站用的字體,一般網站程序裡面都會上傳這個特殊字體,然後通過網站代碼調用特殊字體才能顯示出來的!
⑶ 網頁設計中公司網站一般用什麼字體什麼字型大小
正常的內容文字使用宋體12號即可,無需效果
網站名,logo採用最大的字體,黑體,筆跡清晰即可。
文章標題採用大於14號比內容略大。
版權,底部,次要文字採用10號左右淺色。
⑷ 如何用css樣式設計整個網站字體
網站字體分為兩種類型,一種是默認字體,一種是外部字體。
默認字體
如果整個網頁都要弄成宋體的話就將body定義為宋體即可,即在樣式表中加入:body{font-family:"宋體"},如果只要一部分為宋體,那將那一部分的層的字體樣式定義為宋體就行了。
默認的字體有宋體、楷體、黑體、新宋體、仿宋等。
外部字體
樣式表中嵌入外部字體,用@font-face語法。
@font-face{font-family:name;src:<url>;sRules;}
<name>:為自定義字體名稱
<url>:使用絕對或相對地址指定OpenType字體
<sRules>:樣式表定義
如:
@font-face{
font-family:YH;
src:url(http://www.xxx.com/xxx.ttf);
}
然後再設置需要變換字體的樣式即可,如:body{font-family:YH},字體名稱是上述所說自定義好的名稱。
⑸ 製作網頁用什麼字體好
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風格字體,個人覺得個性太過突出,用得不好會不搭。
Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。
Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。
中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。
微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。
華文細黑:Mac下的默認中文。
Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。
Serif
中文不熟,拋磚引玉:
⑹ 網頁設計字體滾動代碼
文字滾動是由<marquee></marquee>控制的。marquee的參數如下:
1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我從右向左移!</marquee>
<marquee direction=right>啦啦啦,我從左向右移!</marquee>
2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>
3、循環 <loop=#> #=次數;若未指定則循環不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟喲!</marquee>
4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>
5、延時 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
6、對齊方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 進制數碼,或者是下列預定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:<marquee bgcolor=aaaaee>啦啦啦,我會移動耶!</marquee>
8、面積 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我會移動耶!</marquee>
9、空白(Margins)<hspace=# vspace=#>
<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------
<marquee></marquee>
以下是一個最簡單的例子:
代碼如下:
<marquee><font size=+3 color=red>Hello, World</font></marquee>
下面這兩個事件經常用到:
onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動
onMouseOver="this.stop()":用來設置滑鼠移入該區域時停止滾動
代碼如下:
<marquee >onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動 :用來設置滑鼠移入該區域時停止滾動</marquee>
這是一個完整的例子:
代碼如下:
<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >
這是一個完整的例子
</marquee>
該標簽支持的屬性多達11個:
align
設定<marquee>標簽內容的對齊方式
absbottom:絕對底部對齊(與g、p等字母的最下端對齊)
absmiddle:絕對中央對齊
baseline:底線對齊
bottom:底部對齊(默認)
left:左對齊
middle:中間對齊
right:右對齊
texttop:頂線對齊
top:頂部對齊
⑺ 網頁設計中,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>
那樣你字體大小就可以很好地精確起來,就不會一下子這么大這么難看了,你可以試一下。
希望我的回答能令你滿意!
⑻ 網頁設計中最常用的字體有哪些
英文字體
Sans-serif:
1.
Helvetica: 被評為設計師最愛的字體,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字體,在Windows下由於Hinting的原因顯示很糟糕。
2.
Arial: Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。
3.
Lucida
Family: Lucida
Grande是Mac
OS
UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。
4.
Verdana: 專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。
5.
Tahoma: 也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac
10.5之後默認也有安裝。
6.
Trebuchet
MS: 為微軟設計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。
7.
Verdana,是一套無襯線字體,由於它在小字上仍有結構清晰端整、閱讀辨識容易等高品質的表現,因而在1996年推出後即迅速成為許多領域所愛用的標准字型之一。
Serif
1.
Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。
2.
Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。
有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜索free
font,或者font
freebie吧,出現的名字格式為「X種免費網頁設計字體」的博客文章,都進去看一眼,挑一個就好。
Trebuchet、Georgia、Times
New
Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的,非常適合作為正文的標題。
中文字體
1.
中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。
2.
微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。
3.
華文細黑:Mac下的默認中文。
Droid
Sans和衍生的WenQuanYi
Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi
Zenhei的,不過比較少了。
⑼ 網頁上常見的字體是什麼字體
這真的是宋體(英文是SimSun)哦。。只是很小(14px)並且沒加抗混疊(瀏覽器不會加的)而已。一個像素一個像素地比較的話:
⑽ 網頁設計中公司網站一般用什麼字體什麼字型大小
正常的內容文字使用宋體12號即可,無需效果
網站名,logo採用最大的字體,黑體,筆跡清晰即可。
文章標題採用大於14號比內容略大。
版權,底部,次要文字採用10號左右淺色。