當前位置:首頁 » 軟體設計 » 網頁字體設計

網頁字體設計

發布時間: 2020-12-10 15:42:37

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

字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用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風格字體,個人覺得個性太過突出,用得不好會不搭。

  • Serif

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

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

    • 中文不熟,拋磚引玉:

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

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

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

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



⑹ 網頁設計字體滾動代碼

文字滾動是由<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)並且沒加抗混疊(瀏覽器不會加的)而已。一個像素一個像素地比較的話:

⑽ 網頁設計中公司網站一般用什麼字體什麼字型大小

  1. 正常的內容文字使用宋體12號即可,無需效果

  2. 網站名,logo採用最大的字體,黑體,筆跡清晰即可。

  3. 文章標題採用大於14號比內容略大。

  4. 版權,底部,次要文字採用10號左右淺色。

熱點內容
美發店認證 發布:2021-03-16 21:43:38 瀏覽:443
物業糾紛原因 發布:2021-03-16 21:42:46 瀏覽:474
全國著名不孕不育醫院 發布:2021-03-16 21:42:24 瀏覽:679
知名明星確診 發布:2021-03-16 21:42:04 瀏覽:14
ipad大專有用嗎 發布:2021-03-16 21:40:58 瀏覽:670
公務員協議班值得嗎 發布:2021-03-16 21:40:00 瀏覽:21
知名書店品牌 發布:2021-03-16 21:39:09 瀏覽:949
q雷授權碼在哪裡買 發布:2021-03-16 21:38:44 瀏覽:852
圖書天貓轉讓 發布:2021-03-16 21:38:26 瀏覽:707
寶寶水杯品牌 發布:2021-03-16 21:35:56 瀏覽:837