英文)"/>
网页html中嵌入特殊字体(中文,英文)
英文字体引入方法:
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>
参考的文献:
.action?identifier=81162
在线字体转化网站(访问不了请自行翻墙):
/
/
-----------------------------------------------------华丽的分割线------------------------------------------------------------
下面是中文方法
第一次执行好以后,再刷新一下有在head插入一个svg,这个svg再转成其他格式就可以了
注意:不能磁盘路径访问,一定要部署一个Apache或者tomcat,用localhost访问页面
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/>
</head>
<body>
<div 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速度额短袜打速度埃索达埃索达
</div>
</body>
<script type="text/javascript" src=".min.js"></script>
<script type="text/javascript" src=".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("=?", { "id": md5, "guid": "9cddc9570e5e4a5d93d076e34bd55782", "type": "5" }, function (json) {if (json.result == 0) {/*alert("需要生成");*/$.post("", { "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("=" + md5 + "&guid=" + "9cddc9570e5e4a5d93d076e34bd55782" + "&type=5");}});}(function youziku() {if (window.location.href.toString().substring(0, 7) == "file://") {alert("你当前是通过双击打开html文件,进行本地测试的,这样看不到字体效果,一定要通过本地建立的虚拟网站或发布到外网进行测试。详见有字库的使用说明。");}else{youziku19540();}})()
</script>
</html>
一些文献:
.html
更多推荐
网页html中嵌入特殊字体(中文,英文)
发布评论