字體設計網

Ⅰ 網頁設計字體滾動代碼

文字滾動是由<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：頂部對齊

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

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

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

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

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

Ⅲ 網頁設計中，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>
那樣你字體大小就可以很好地精確起來，就不會一下子這么大這么難看了，你可以試一下。
希望我的回答能令你滿意！

Ⅳ 網站設計中的字體設計的技巧有哪些

一、選擇哪一種字體。一般來說，頁面的字體選擇宋體比較多，並且宋體也很常見。盡量不要使用一些生僻詞、罕見字。很多的用戶終端並沒有那麼多的字體，當用戶在瀏覽網站時可能會顯示亂碼，從而影響用戶體驗，但是要注意一個問題，操作系統不一樣，字體也不一樣。因此，在字體設計的時候，選擇常見的這樣效果也會比較好。

傾巢網路

二、設計字體的顏色。一般來說，文章的背景是白色的，使用黑色的字體。因此，設計頁面的時候，一般都使用黑色或者是淺灰色作為字體的顏色，比較方便瀏覽，用戶也可以接受。如果不是創意類網站，不建議使用鮮亮的顏色。

三、字體大小的設計。頁面設計過程中，字體的大小設計也是影響用戶體驗的一個重要要素。太大或者太小都會影響網站的用戶體驗，頁面設計的時候可以結合位置設置字體的大小。文章的標題字體較大，正文的字體就應該比較小。

四、特殊字體的使用。頁面設計的時候，有些網站想要使用一些比較特殊的字體來突出網站風格，這里建議將特殊字體設計成圖片添加在頁面中，這樣就可以保證用戶在瀏覽的網站的時候看到不一樣的效果，而不會因為字體的特殊性影響網站的整體效果

Ⅳ 哪些素材網站上的字體可免費商用

可以免費商用的字體有：（麻煩給個贊唄！！）

一、方正系列（可免費用，依舊需要方正公司的書面授權）

方正楷體、方正黑體、方正書宋、方正仿宋

二、漢儀系列-漢儀賢二體

三、銳字工房-銳字真言體

四、包圖網-包圖小白體下載鏈接（推薦）

五、阿里巴巴-阿里巴巴普惠體下載鏈接（推薦）

六、字體視界-字體視界法棍體下載鏈接（推薦）

七、思源系列

思源黑體、思源宋體、思源柔黑、思源真黑、源界明朝體、裝甲明朝體、

源樣明體、源流明體、源雲明體

八、站酷系列-站酷系列下載鏈接（推薦）

站酷快樂體、站酷酷黑體、站酷高端黑體、站酷小薇體、站酷文藝體

站酷慶科黃油體

九、文鼎系列

文鼎上海松、文鼎中楷、文鼎簡報宋、文鼎簡中楷

十、華康字體（僅限阿里巴巴平台免費使用）

華康布丁體、華康綵帶體、華康兒風體、華康方圓體、華康鋼筆體、

華康海報體、華康手札體、華康翩翩體、華康黑體、華康金文體、

華康楷體、華康勘亭流、華康儷金黑、華康隸書體、華康龍門石碑、

華康墨字體、華康POP1-2-3體、華康少女文字、華康飾藝體、

華康瘦金體、華康宋體、華康標題宋、華康宋體、華康唐風隸、

華康娃娃體、華康魏碑、華康正顏楷體、華康雅宋體、華康雅藝體、

華康圓體、華康新綜藝、阿里漢儀智能黑體

十一、漢儀免費字體（僅京東平台）

漢儀中黑、漢儀細簡黑、漢儀中簡黑、漢儀楷體、漢儀書宋一、

漢儀書宋二、漢儀粗仿宋、漢儀水滴體、漢儀珍珠隸。

十二、其他字體

瀨戶字體、龐門正道標題體、沐瑤軟筆手寫體、手書體、

文泉驛正黑、文泉驛等寬正黑、文泉驛微米黑、文泉驛、

楊任東竹石體王漢宗魏碑體一左下空陰、王漢宗魏碑體繁、

王漢宗新粗標魏碑空心、王漢宗勘亭流繁、王漢宗勘亭流一隨波、

王漢宗空心勘亭簡、王漢宗超明體粗體、王漢宗超明體一線空、

王漢宗超明體破音體、刻石錄明體、刻石錄顏體、刻石錄鋼筆體

Ⅵ 如何用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}，字體名稱是上述所說自定義好的名稱。

Ⅶ 電商網站美工設計基礎的字體賞析

一個優秀的網站美工設計人員對於他的審美素養，行事能力等相關要求都是非常高的。因此如果要成為一名優秀的成功的網站美工設計基礎設計人員究竟要掌握哪些？技術具備哪些能力才能成為這個領域的佼佼者呢？
在我們日常上網時，我們也許會發現，有的網站一點擊進去首先第一眼看到的界面就極具美感簡潔舒適，而有些網站界面則顯得雜亂無章毫無美感可言。網站界面的設計人員通常被稱為網頁美工，而一個網站接界面的好壞也反映了一個網頁美工的能力高低。
1、獨具文化色彩的字體設計
Yoritsuki的字體設計使用了毛筆書法的筆觸書寫的方式，將墨這種元素融入到了字體當中，這種東方文化中特有的東西，使得 Yoritsuki 這款 App 的風格顯得非常鮮明。如果淘寶美工設計使用這種字體風格進行設計，即使在你還沒有打開這個店鋪的時候，你就已經能大概知道裡面會是什麼樣子的了。
2、復古風格的字體設計
網站美工設計基礎中講到化妝品品牌 Benefit 誕生於美國上世紀 70 年代這個自由奔放的時代，而創始人之一的姐姐 Jean Ford 剛好主修藝術，她十分懂得如何包裝她們的品牌。Benefit 的包裝和字體頗具復古風，比如留聲機造型的包裝盒。襯線字體的` logo 具有較強的裝飾性，字母的轉角處線條柔和，更具流線形的字母 f 使 logo 顯得更生動有趣，搭配留聲機造型內部的連筆手寫體，一股濃濃的復古風撲面而來，見到如此有趣又漂亮的包裝盒，難怪讓很多女性愛不釋手。
3、夢幻風格的字體設計
迪士尼的字體就屬於這種風格，粗細不一的比劃和大小不同的字母具有非常強烈的節奏韻律感，字母劃出的曲線像翩翩起舞的絲帶，也像魔棒劃出留下的痕跡。淘寶美工設計的字體設計如果採用這種風格，可以使人充滿想像。
4、現代風格的字體設計
現代風格字體多為無襯線字體，這類字體除本身文字的比劃之外缺少裝飾性的元素，風格較簡約。WWDC 2013前夕，即便在 iOS 7 並未對外界正式發布之前，但是通過會場的海報人們都清楚地意識到，iOS 7 的風格一定帶來了極大的轉變。Helvetica Neue 風格非常現代，似乎暗示著蘋果將在 iOS 7 中完全剔除過去人們陳舊的審美，取而代之的是更為現代的視覺風格，而在後來的大會上 iOS 7 的最終發布也證實了這種觀點。
5、女性化風格的字體設計
女性化風格的字體經常可以在化妝品品牌中看見，她們通常字體纖細、秀美，線條流暢，字形有粗細等細節變化，顯得有韻律或通過裝飾性元素和字體結合。因為襯線字體天生具有襯線這種可裝飾性元素，因此很多女性化風格的字體會選用襯線字體，並以此為基礎進行修改，比如 LANCOME 的 logo 字體。
這些都是一個優秀的網站的美工設計人員應該掌握的網站美工設計基礎技術，不論我們做什麼事首先要有過硬的技術才能談成為這個領域的精英。以上是我個人多年的經驗希望能給相關人士一些幫助，在這條路上越走越遠。一品威客網可以說是給威客們提供了一個展示才華的平台，只要你肯努力，有智慧有技能，都可以加入進來當然了，當威客也需要堅持，如果半途而廢的話是很難取得成功的，總之，不管是出售服務，還是參與任務，都可以很好地發揮才能，利用自己所長幫助有需求的僱主，將自己「無形的知識」轉化為財富，豐富生活，實現價值。

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

字體設計的原則是：可辨識性和易讀性。
一般中文建議使用微軟雅黑，英文使用arial字體。常用的字型大小大小有以下幾種：12px、14px、16px，但是不是絕對的，可以根據需求進行調整，但是字型大小規格不宜太多，會給人一種混亂的感覺，要注意層次的區別，或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體，比如方正系列，會涉及到版權，謹慎使用。

Ⅸ 求字體網

這個是AI單獨設計的矢量圖，不算是某種字形字體。

字體視界有很多字體