字体设计网

Ⅰ 网页设计字体滚动代码

文字滚动是由<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单独设计的矢量图，不算是某种字形字体。

字体视界有很多字体