CSS中如何添加特效字体

html-css027

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图片

空间制作TOP 10

①.百度空间背景的添加 选择自己喜欢的图片,点开后复制到自己的电脑上,记住一定要是大图也就是可以作为背景或桌面的图片。然后建议传到自己的空间相册中,进入相册,一定要点开图片后右击“属性”找到“地址(URL)”复制粘贴到CSS自定义中第一行“body{background:url(图片地址) repeat-x}”中!(repeat是重复的意思,要是背景可动的话就要把repeat后的-x去掉)

②.背景和模块分开运动进入CSS代码把开头的body{}里面加入background-image:url(图片地址)background-repeat: no-repeatbackground-position: centerbackground-attachment: fixed

③.百度空间的各模块背景透明 进入CSS自定义中,然后按住Ctrl+f找到.modbox

然后把括号里的内容替换成“modbox{padding:10px 10px 0 10pxbackground-color:#filter:alpha(opacity=70)border-left:1px solid #BBBBBBborder-right:1px solid #BBBBBB}”透明度修改在(opacity=?)中范围是0到100 模块的颜色添加会让图片的透明度降低,但文章会看的清楚些,颜色在"background-color:"后 , 关于文字或背景的颜色的16进制代码形式如:#530C0E

可以到如下网页直观查看颜色代码:

http://shirley329.blogchina.com/3501281.html

④.如何隐藏播放器而不影响音乐播放

在css 文件的空白处添加以下代码“#mod_bgmusic{display:none} ” 不显示播放器还不影响音乐的播放。

⑤.让baidu空间背景音乐支持多首歌曲了将音乐的网址写到一个记事本文件里,保存扩展名为mp3(1.mp3),然后将这个文件找个空间传上去。

回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。(最好是wma文件,因为比较快)

⑥.在空间中使用html javascight代码 先把html javascight代码上传到免费的Html主页空间,打开网页,把内容复制

然后,写新文章,把代码粘贴在文章内容里,就ok了!

⑦.百度空间文字发光的方法 进入CCS自定义中按快捷键,Ctrl+f 要搜索的关键字”#m_blog div.cnt”

然后把“{color:#000000line-height:20pxfont-size:14px} #m_blog div.more{margin:14px 0 16px 0}”换成”{filter:glow(color=#ff0000,strength=3)color:#ccccccfont-size:12pxfont-size:12px}

⑧CSS鼠标样式大全

http://myok.blogchina.com/3429184.html

详见上面网址,里面提供了多种鼠标效果,立即可以看见哟:)

⑨.加显示IP地址代码

进入CSS自定义在最下面加 #comm_info div.line{margin-top:5pxline-height:8pxborder-top:1px solid #BBC1C6background:url(http://www.ip.cn/s.php) no-repeat bottompadding-bottom:40pxmargin-bottom: 10px}

⑩.加入天气预报 打开自己的CSS自定义,在最后一行加入代码 #comm_info div.line{margin-top:8pxline-height:10pxborder-top:2px solid #BBC1C6background:url(http://www.hotik.com/sign.png) no-repeat bottompadding-bottom: 100pxmargin-bottom: 25px}

打开自己的CSS自定义,在最后一行加入代码 #comm_info div.line{margin-top:8pxline-height:10pxborder-top:2px solid #BBC1C6background:url(http://www.hotik.com/sign.png) no-repeat bottompadding-bottom: 100pxmargin-bottom: 25px}

每更改一段CSS码后别急着保存,最好先预览一下确认后再保存。如果哪个板块没有出来应有的效果记得检查一下你输入CSS码是否,有误特别是一些细节。比如“:;” 。以上是小弟制作空间的一些心得愿意和大家一同分享!~如果有什么问题给我留言我会尽快给你解答!!~~