html中如何嵌入特殊字体中文以及英文的实例
程序员文章站
2022-04-01 17:05:48
...
英文字体引入方法：
html代码
<!DOCTYPE html>
<html>
<head>
</head>
<style>
@font-face {
font-family: 'fontNameRegular'; /* 字体名称,可自己定义 */
src: url('LIGHRG.eot');
src: local('fontName Regular'),
local('Lightningvolt'),
url('LIGHRG.woff') format('woff'),
url('LIGHRG.ttf') format('truetype'),
url('LIGHRG.svg#LIGHRG') format('svg');
}
/* 将Lightningvolt替换成字体库名 */
/* 将LIGHRG替换成你自己的字体文件名 */
p {font: 50px fontNameRegular, Arial, sans-serif; }
</style>
<body>
<p>
sadasdasdasdasdasdasdasd
</p>
</body>
</html>
-----------------------------------------------------华丽的分割线------------------------------------------------------------
下面是中文方法
第一次执行好以后，再刷新一下有在head插入一个svg，这个svg再转成其他格式就可以了
注意：不能磁盘路径访问，一定要部署一个Apache或者tomcat，用localhost访问页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<p class="minijianyaya">
我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达我们ahi速度额短袜打速度埃索达埃索达
</p>
</body>
<script type="text/javascript" src="http://www.youziku.com/UserDownFile/jquery.min.js"></script>
<script type="text/javascript" src="http://www.youziku.com/UserDownFile/jquery.md5.js"></script>
<script type="text/javascript">
function youziku19540() {
var resultStr = $(".minijianyaya").text();
var md5 = "";
resultStr = Trim(resultStr);
resultStr = SelectWord(resultStr);
md5 = $.md5("9cddc9570e5e4a5d93d076e34bd55782"+"minijianyaya" + resultStr);
$.getJSON("http://www.youziku.com/webfont/CSSPOST?jsoncallback=?", { "id": md5, "guid": "9cddc9570e5e4a5d93d076e34bd55782", "type": "5" },
function (json) {
if (json.result == 0) {/*alert("需要生成");*/
$.post("http://www.youziku.com/webfont/PostCorsCreateFont", { "name": "minijianyaya", "gid": "9cddc9570e5e4a5d93d076e34bd55782", "type": "5",
"text": resultStr }, function (json) {
if (json == "0") { /*alert("参数不对");*/
} else if (json == "2") {/*alert("超过每日生成字体数的上限");*/
} else if (json == "3") { /*alert("当前正在生成请稍后");*/
} else {/*alert("正在生成");*/
}
});
}
else {/*alert("下载css文件");*/
loadExtentFile("http://www.youziku.com/webfont/css?id=" + md5 + "&guid=" + "9cddc9570e5e4a5d93d076e34bd55782" + "&type=5");
}
});
}
(function youziku() {
if (window.location.href.toString().substring(0, 7) == "file://") {
alert("你当前是通过双击打开html文件，进行本地测试的，这样看不到字体效果，一定要通过本地建立的虚拟网站或发布到外网进行测试。详见有字库的使用说明。");
}else{
youziku19540();
}
})()
</script>
</html>
以上就是html中如何嵌入特殊字体中文以及英文的实例的详细内容，更多请关注其它相关文章！