CSS中如何添加特效字体

html-css021

CSS中如何添加特效字体,第1张

特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体和微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心"},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。

第一:css3下载字体,代码如下

@font-face

{

font-family:

'自己命名字体名字'

src:

url('字体路径')

src:

url('FileName.eot?#iefix')

format('embedded-opentype'),

/*其它格式*/

url('FileName.woff')

format('woff'),

url('FileName.ttf')

format('truetype'),

url('FileName.svg#FontName')

format('svg')

font-style:

normal

font-weight:

normal

/*设置默认样式*/

}

.aa{font-family:"自己命名字体名字"}

不兼容ie8及以下浏览器

第二:切png图片

关于圣诞节快乐的代码如下:

这是一款全屏精美的圣诞节贺卡html网页动画特效,html+js+css实现的圣诞贺卡可以通过鼠标点击展开合起,效果逼真,且贺卡内含圣诞祝福文字,非常温馨。

这是一款精美温馨的圣诞节网页动态背景素材,可用于圣诞节主题网页的应用,丰富的画面,舒适的构图,给你的网页附上浓浓的节日氛围。

超级温馨的圣诞气氛背景,不仅有经典的4首背景音乐选择,还可以上传自己喜欢的音乐,打开后音乐与氛围灯的结合,整个页面充满浪漫气氛,美不胜收。超推荐!!喜欢的小伙伴千万别犹豫。纯css3绘制星星丝带缠绕的圣诞树图形,庆祝节日活动网页元素动画特效

用上这款最新的圣诞节动画背景素材,你的网页从上到下都将充满浓浓的圣诞元素,松树和小狐狸的童趣,雪花和树林的浪漫,营造了这幅唯美的画面,希望也打动了你。

极简风格的冬季圣诞节下雪动画,浪漫又唯美,清新又脱俗。用上这个特效会让你的整个网页都渲染了浓浓的圣诞气氛,是非常经典的动画之一。