html中如何嵌入特殊字体中文以及英文的实例

来源：动视网责编：小采时间：2020-11-27 15:28:58

html中如何嵌入特殊字体中文以及英文的实例

html中如何嵌入特殊字体中文以及英文的实例:英文字体引入方法：html代码<!DOCTYPE html> <html> <head> </head> <style> @font-face { font-family: 'fontNameRegular'; /* 字体名称,可自己定义 */ src: url('

推荐度：

点击下载本文 文档为doc格式

导读html中如何嵌入特殊字体中文以及英文的实例:英文字体引入方法：html代码<!DOCTYPE html> <html> <head> </head> <style> @font-face { font-family: 'fontNameRegular'; /* 字体名称,可自己定义 */ src: url('

英文字体引入方法：

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中如何嵌入特殊字体中文以及英文的实例

推荐度：

点击下载本文 文档为doc格式

标签：字体英文中文

热门焦点

html中如何嵌入特殊字体中文以及英文的实例

html中如何嵌入特殊字体中文以及英文的实例

html中如何嵌入特殊字体中文以及英文的实例

最新推荐

猜你喜欢

热门推荐