当前位置: 代码迷 >> 综合 >> fontawesome字体图标
  详细解决方案

fontawesome字体图标

热度:78   发布时间:2023-10-11 04:45:23.0
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>/* 第二部把文件放置上级目录 */@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0')format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular')format('svg');font-weight: normal;font-style: normal;}</style><style>div{/* 最后一步声明字体 */font-family: 'FontAwesome';}</style>
</head>
<body><!-- 第一步 Unicode:f1b9  --><div>&#xf1b9;</div> 
</body>
</html>

 

  相关解决方案