手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >使用font-face改变字体即加载外部字体
使用font-face改变字体即加载外部字体
摘要:#gmap,#controls{width:300px;height:300px;}@font-face{font-family:Lovel...

<!DOCTYPE HTML>

<meta charset="UTF-8">

<head>

<script src="jquery-1.8.2.min.js"></script>

<style>

#gmap,#controls {

width:300px;

height:300px;

}

@font-face {

font-family: Lovelo-Black;/×定义font的名字×/

src: url('font/Lovelo Black.otf');/*把下载的字体文件引入进来×/

}

@font-face {

font-family: Lovelo;

src: url('font/Lovelo Line Bold.otf');

}

@font-face {

font-family: HYPED;

src: url('font/HYPED_Font.otf');

}

div.a {

font-family: Lovelo-Black, sans-serif;

font-size:24px;

}

div.b {

font-family: Lovelo, sans-serif;

font-size:24px;

}

div.c {

font-family: HYPED, sans-serif;

font-size:24px;

color:yellow;

}

body {

background-color:rgb(216, 216, 216);

}

</style>

<script>

</script>

</head>

<body>

<div>Hello World 123456</div>

<div>Hello World 123456</div>

<div>Hello World 123456</div>

</body>

【使用font-face改变字体即加载外部字体】相关文章:

CSS3用@font-face实现自定义英文字体

32个技术高超的CSS3网页设计欣赏

使用position:fixed属性让DIV居中

并排的两个对象如何水平对齐兼容ie6

css中换行的几种常用方式整理

火狐下easyui1.3.*弹出window框无法定位到中间问题解决

css解决覆盖父元素透明度的效果

动态加载外部css或js文件

解决火狐浏览器按钮的水平居中

CSS样式表教程:screen媒体类型的作用

精品推荐
分类导航