十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
css3可以实现,css3里面有个@font-face可以自定义字体,然后还有文字阴影text-shadow,加个阴影,应该是可以实现你要的。不过这些艺术字体的,还是用图片吧。这样兼容会好点!出来的效果也更好!
创新互联是一家集网站建设,南充企业网站建设,南充品牌网站建设,网站定制,南充网站建设报价,网络营销,网络优化,南充网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
style type="text/css"
.aa{ width:200px; height:44px; border:0; background-image:url(img1.png); }
.aa:active{ background-image:url(img2.png);}
/style
input type="button" class="aa" value=""/
IE6需要另外插一张类库
CSS即使设置了其他字体,也要看别的电脑里有没有,一般系统自带有宋体,黑体等字体,但是如果你电脑上有好看的字体,可以显示,在别的电脑没有你的字体,就显示不了,所以一般只会设置系统自带的字体。
设置方法:
html
head
style type="text/css"
p.ziti{font-family:"Times New Roman",Georgia,Serif}
/style
/head
body
h1CSS font-family/h1
p class="ziti"要更改的字体内容/p
/body
/html
CSS定义可以是:font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
为什么我这里设置了三个,分别用","隔开呢,因为不同版本的操作系统,对字体的支持不同解释如下:
例如微软雅黑不同操作系统不同版本需要如下设置:
Windows XP及以前版本的Windows
font-family: Arial, 宋体, sans-serif;
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif;
Sorry,英文就无法设置字体了,因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。
Mac及其它操作系统
font-family: sans-serif;
系统自带中文字体编码:
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312
在设计网页时,文字是网页中数量最多、使用最广泛的一种页面元素,我们必须要高度重视网页中字体设计,灵活设计字体的类型、样式、大小和颜色,才能使整个网页中的字体富于变化,给人们以美的享受。字体涉及各行各业,在设计领域的应用范围很广泛,除了我们常见的平面设计外,网页设计对字体的要求也是有一定的规范可言的,其主要的元素主要有三点。下面时间财富威客网就对网页字体设计的元素做主要介绍。
1、字体的大小设置
网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。
CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加( )或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符:
em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。
ex(x-高度:CSS2规范将它描述为小写字母x的高度。
px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。
2、字体的使用
网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体设计也可以在任何操作系统和浏览器里正确显示。
windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular)、斜体(Italic)、粗体(Bold)、粗斜体(Bold Italic)。
3、特殊字体或艺术字体的设置
如果你需要用一种特殊的字体来体现你的风格,那么特殊字体或艺术字体最好以图片的方式置入网页。需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。
在网页里,字体的定义语句是:显示文字其中Arial就是一种字体的名称。 如果需要用一种特殊的字体来体现风格,那么如何让大家可以真正看到设计页面呢?解决的办法是使用图片。将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。时间财富威客网汇聚了百万专业的艺术字体设计、创意字体设计、书法字体设计等威客设计师,只要您在网站发布任务需求,就能够吸引百万专业威客给您最好的服务。
为广大企业、商家、个人,提供平面设计、装修设计、建筑设计、起名改名、策划文案、网站建设、营销推广等服务。若您有类似需要,请点击立即发布项目
另,上也有着各式各样的任务,无论您是拥有技能的专业人士,还是技术小白。都能在上找到您能参与的项目。点击进入悬赏大厅
无论你有什么疑难杂症,威客们都能一一为您解决,点击进入:问答平台。
1、逼格锐线体简4.0
逼格锐线体简4.0是一款无线衬托的装饰体,也是亚洲字体的一个首创字型。该字体应用性强,可以拉伸使用,没有弧线,线条富有节奏与灵气,灰度均匀,穿插合理,具有现代感和科技感,字型饱满,适合横排和竖排。
2、锐字逼格青春体
锐字逼格青春体是一款由锐字工房制作的汉语简体字体,可以快速安装到电脑本地字体库中使用,锐字逼格青春字体拥有字体饱满、字形匀称、设计合理等特点,非常具有现代感和青春感,适合应用到手机字体、平面设计、字体打印中。
3、锐字锐线极限黑简
锐字锐线极限黑简是一款以线体为原型设计的中文艺术字体,字体简洁漂亮,效果非常出色,GBK编码收字更全,适合应用于广告设计、名片设计、包装印刷、产品设计等应用。
4、兰亭超细黑简体
兰亭超细黑简体是一款电脑简体字体,这种字体最大的特点就是写出来的字非常的细,而且很端正,可以用于印刷、广告设计方面。
5、汉仪旗黑字体
汉仪旗黑共由三个系列字体组成,从最细的25到最粗的105,共计15个字重,是迄今为止国内最大、最丰富的字重的家族字体,可以满足企业多渠道,全方位的内容设计。