字体效果预览
PixelDingbats7-7wvE - webfont生成器 前往字体下载页面
字体大小:
40px
字体色:
背景色:
阴影色:
字体特效:

生成文件类型(默认全部):
  
  
  
  
  

webfont字体在线生成说明

1,免费字体网,为中文字体在网页网站设计应用提供助力!我们提供webfont在线生成和预览服务,您可以方便的下载生成的超小webfont字体子集(平均1KB~30KB)并应用到您的网页之中美化您的网站!
2,单次生成字体字数小于36汉字,如有更多字体需求请多次生成,因为过多的字体已经偏离的webfont的初衷!
3,本工具使用的字体均为可以免费商用的字体,因此您可以放心的使用到您的网站上去!

CSS引用方式在网页上使用webfont字体

本工具生成的字体默认包含ttf文件、css文件(自带字体数据文件)、eot文件、svg文件及woff文件,组合使用可满足市面上99%以上的浏览器支持!安装方法如下:
当前为CSS引用方式
1.解压下载后的文件并上传到要使用的网站目录,这里假设解压后的文件名为:“f1202103141615709974”,假设上传到了网站根目录/css/ 目录下面,在要使用该字体的标签属性中添加如下代码:
font-family:'f1202103141615709974.css';
或调用class
class="f1202103141615709974"
例如:<h1 style="font-family:'f1202103141615709974';" >你的内容</h1>
例如:<div class="f1202103141615709974" > 你的内容</div>
2.引用方式
将以下代码加到你网页的<head>标签之内。
<link href='http://www.xx.com/css/f1202103141615709974.css' rel='stylesheet' type='text/css' />
到这里,就添加完毕,刷新网页,则对应字体部分已经变成了自己添加的字体效果了!
 下载 PixelDingbats7-7wvE 字体
最新英文字体更多