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

英文字体引入方法:

html代码

    @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; }

sadasdasdasdasdasdasdasd

—————————————————–华丽的分割线————————————————————

下面是中文方法

第一次执行好以后,再刷新一下有在head插入一个svg,这个svg再转成其他格式就可以了

立即学习“前端免费学习笔记(深入)”;

注意:不能磁盘路径访问,一定要部署一个Apache或者tomcat,用localhost访问页面

    

我们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速度额短袜打速度埃索达埃索达

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(); } })()

以上就是html中如何嵌入特殊字体中文以及英文的实例的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544787.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:13:27
下一篇 2025年12月21日 16:13:37

相关推荐

  • 关于html页面中怎样实现中英文切换的实例分享

            如何实现html页面的双语切换呢?最粗暴的办法是做两个页面,一个中文的,一个英文的。稍微温和的方法是:在每次显示之前,对当前的语言标志进行判断,用if和else来解决,其实,这种办法虽然没有那么粗暴,但也够恶心的了。还是用其他办法吧,废话少说,直接上代码。        为了简便起见…

    好文分享 2025年12月21日
    000
  • html中关于charset的语言编码详解

    注意html的语言编码的重要性 目录 charset编码重要性 charset在html什么地方 charset标签 立即学习“前端免费学习笔记(深入)”; 编码种类 charset utf-8介绍 charset GB2312介绍 推荐网页编码 因编码导致网页兼容 一、编码重要性   &#8211…

    好文分享 2025年12月21日
    000
  • html页面中如何将编码转换成中文的示例代码

    html页面中如何将编码转换成中文的示例代码 private static String convertToChinese(String dataStr) { System.out.println(“——–data str—->” + dataStr); if(dataStr =…

    好文分享 2025年12月21日
    000
  • 如何去掉html中超链接下划线的实例

    我们可以用css语法来控制超链接的形式、颜色变化。   下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。   实现方法很简单,在源代码的 和之间加上如下的CSS语法控制:   

    好文分享 2025年12月21日
    000
  • html中关于form表单submit和button的提交用法详解

    1.当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。方法一:在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = docu…

    好文分享 2025年12月21日
    000
  • html中如何实现使用图像来代替提交按钮的示例

    1. 用图像代替提交按钮      当只有一个提交按钮的时候 ,可以简单的实现,不用添加事件函数,代码是:  除了标签改为input type = “image”以外,其他的属性和标签的属性是一样的。 2.用图片代替所有的表单按钮 代替submit按钮的图片格式是 立即学习“前端免费学习…

    好文分享 2025年12月21日
    000
  • html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder)

    1.textarea设置默认值 HTML:  此段代码设置一个textarea文本框 并且设置为隐藏 2.textarea高度自适应 今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好,然后想起了新浪微博的做法:点击评论,默认显示一行,当输入的…

    2025年12月21日
    000
  • html中关于iframe如何嵌套网页的实例分析

    把iframe嵌套的网页放在某一位置,只需在iframe外加个框,改变框的位置即可,如:   css如下: *{ padding: 0; margin: 0;} body{background: green} .main{ width: 80%; height: 500px; margin: 0 a…

    2025年12月21日
    000
  • html中textarea输入框提示文字必须添加默认内容的完美解决

    完美解决textarea输入框提示文字,必须添加默认内容 有placeholder标签,可以添加提示文字 ,但是没有,一般来说我们是把提示内容写在外面,如下图: 当然,这样的布局并不是最想要的效果, 最想要的是文字显示在输入框内,点击输入框时隐藏,离开输入框时,如果输入框没有内容,又显示提示: 网上…

    2025年12月21日
    000
  • 实例介绍六种html清除浮动的方式,供参考

    使用display:inline-block会出现的情况: 1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析(有间隙)故解决方法使用浮动float:left/right使用浮动时出现的…

    好文分享 2025年12月21日
    000
  • html中的链接如何默认打开方式标签元素的详解

    html 超链接(锚文本)默认打开方式与默认链接url地址标签元素 一、语法与结构 二、Html base超链接默认打开地址与打开方式标签使用说明    1、Target 值:    1、_blank 新窗口打开URL链接    2、_parent 在本网页刷新全新打开对应URL地址    3、_s…

    好文分享 2025年12月21日
    000
  • Html中关于字体大小单位px、em、 pt的具体分析

    网页上定义字体大小有常见三种单位,px、em、pt px px是pixel缩写,是基于像素的单位.在浏览网页过程中,屏幕上的文字、图片等会随屏幕的分辨率变化而变化,一个100px宽度大小的图片,在800×600分辨率下,要占屏幕宽度的1/8,但在1024×768下,则只占约1/10。所以如果在定义字…

    好文分享 2025年12月21日
    000
  • html中标签的实例解析

    html 文本颜色 字体 大小标签元素 html 标签之html文字字体、html字体颜色、html字体大小设置标签元素 目录 font标签语法与结构 html Font标签说明 Font应用案例 立即学习“前端免费学习笔记(深入)”; font标签案例截图 font标签总结 一、font标签语法与…

    2025年12月21日
    000
  • html中关于iframe的allowTransparency属性的详解

    ie5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。1.与 iframe 元素一起使用的 allowtransparency 标签属性必须设置为 true。2.在 iframe 内容源文档,background-color 或 body 元素的 bgcolor …

    好文分享 2025年12月21日
    000
  • html iframe使用的实战总结分享

    说在前面的话,iframe是可以做很多事情的。例如:a>通过iframe实现跨域;b>使用iframe解决ie6下select遮挡不住的问题c>通过iframe解决ajax的前进后退问题d>通过iframe实现异步上传。(easyui中form组件就是用的iframe,实现表…

    2025年12月21日 好文分享
    000
  • html中iframe签的作用以及使用技巧详解

    纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚非,可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了,有没有办法,让这些雷同的东西一次下载后就不用再下载,而只下载那些内容有变化区域的网页内…

    好文分享 2025年12月21日
    000
  • 关于html滚动条样式的使用以及示例代码分享

    html中滚动条属性设置scrollbar属性、样式详解1、 overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值)、scroll、…

    好文分享 2025年12月21日
    000
  • html中关于div滚动条样式设计的实例

    html中关于div滚动条样式设计的实例 ::-webkit-scrollbar-track-piece{background-color:#fff;/*滚动条的背景颜色*/-webkit-border-radius:0;/*滚动条的圆角宽度*/}::-webkit-scrollbar{width:…

    好文分享 2025年12月21日
    000
  • html如何强制显示以及隐藏浏览器的滚动条

    刚在做个网站,有个页面与其他页面显示有点出入, 通过观察和调试,发现是该页面的垂直高度未溢出, 无法调用出垂直滚动条, 从而导致相对于其他页面居中时相差几个像素距离, 使得页面效果不够友好。 立即学习“前端免费学习笔记(深入)”; 解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。 相关…

    好文分享 2025年12月21日
    000
  • html如何实现隐藏滚动条但可以滚动的示例代码

    代码:(原理就是遮盖) .scroll{ overflow-x: hidden; overflow-y: auto; } .scroll-son{ overflow-x: hidden; } 1立即学习“前端免费学习笔记(深入)”; Designify 拖入图片便可自动去除背景✨ 90 查看详情 1…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信