html怎么加载入其他字体,使用font-face改变字体即加载外部字体

复制代码代码如下:

#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);

}

Hello World 123456

Hello World 123456

Hello World 123456