css如何单独给一个元素添加自定义字体

使用@font-face来实现特殊字体的定义，定义时需要设置src和font-family属性

范例如下（其中，华文行楷只是一个范例，你可以换成任意一个字体）：

@font-face {

font-family: 'myfont'

src: local('华文行楷'), url('STXINGKA.ttf') format('truetype')

}

.con {

font-family: 'myfont'

font-size: 44px

}

</style>

<div class="con">《HTML5布局之路》</div>

<div>h5course</div>

显示效果：

只有类名为con的div设置了特殊字体

PS：url当中的是你字体文件的路径，假如是放在font文件夹下的某个字体，而你的html文件与font文件夹同级，那么路径就应该是“font/STXINGKA.ttf”。

1，全选所有字模。

2，点击“工具”->“字形转换”->此时，

（1）若想做到一起向上或向下移动则点击“OutLines”->双击“Move”->在“垂直”栏里输入正值则向上移动，输入负值则向下移动。点击确定。

（2）若想做到一起缩小或放大则点击“OutLines”->双击“Scale”->在“水平”栏及“垂直”栏里输入缩放百分比值。点击确定。

3，等待处理结果。

4，进行保存。

除非出于个人研究目的，否则不提倡修改具有版权的字体。

至于批量添加元素：这个问题，只有靠批量合成才能解决。

步骤：

1、批量导出原字体的所有汉字编码。

2、编写合成规则。

3、批量合成。

4、用合成结果覆盖原字体，只保留原编码群。

经测试一百多套字体，此方法屡试不爽。

只是最后还应添加一个步骤：批量增加上下左右的边距。这样新字体才能完美无缺的显示花边和底纹。