怎么直接在css中使用font awesome字体

html-css011

怎么直接在css中使用font awesome字体,第1张

这是icon-font字体。

说明:需要将字体和控制css下载到本地文件。当然你也可以在线引用

1、需要需要在头部引入confont控制的css

<link rel="stylesheet" href="../css/font-awesome.min.css">

2、页面中使用

<span class="icon-camera-retro"></span>

CSS字体用法,首先我们需要去下载你所要用的字体,网页的话建议你最好还是使用大家都有的字体,如宋体等等,然后,我们在通过css的font-family:"字体名字",来设置就好了,这里通过代码来理解下:

<html>

<head>

<style>

.wenzi{

width:200px

height:100px

border:1px solid #f00

font-family:"宋体" //这是只是举例,字体你可以自行去设定

}

</head>

<body>

<div class='wenzi'>

<p>我的数据</p>

</div>

</body>

</html>

http://www.fontsquirrel.com/tools/webfont-generator

在线字体转换,你会需要的,通常下载下来的字体确实只有一种,我们需要通过其他工具转换得到我们需要的兼容其他浏览器的字体格式

www.w3cplus.com/content/css3-font-face

参考博客,相信你更需要~~