css调用外部中文字体怎么调用?例如方正黑体繁体字体

000.ttf') format('truetype'), url('000.svg#hakuyoxingshu000') format('svg');} 其中的“000”是你的字体名称,有个缺点就是要考虑到兼容性,以上三种写法分别对应的是:.TTF或.OTF,适用于Firefox 3.5、Safari、Opera .EOT,适用于Internet Explorer 4.0+ .SVG,适用于Chrome、IPhone。
css调用外部中文字体怎么调用?例如方正黑体繁体字体
class{
font-family: 'hakuyoxingshu000Regular';
src: url('000.eot');
src: local('hakuyoxingshu000 Regular'), local('hakuyoxingshu7000'), url('000.ttf') format('truetype'), url('000.svg#hakuyoxingshu000') format('svg');
}

其中的“000”是你的字体名称,有个缺点就是要考虑到兼容性,以上三种写法分别对应的是:
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.EOT,适用于Internet Explorer 4.0+
.SVG,适用于Chrome、IPhone。2014-09-22
@font-face{ font-family: 'AntonRegular'; src:url('../fonts/anton-webfont.eot'); src:url('../fonts/anton-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/anton-webfont.woff') format('woff'), url('../fonts/anton-webfont.ttf') format('truetype'), url('../fonts/anton-webfont.svg#antonregular') format('svg'); font-weight:normal; font-style:normal;}放到CSS里面,最好在引用前面用到时候,直接使用font-family:"自命名字体名字",上面的名字就是AntonRegular,这个你自己去定义下面的是字体的路径,要兼容大多数所有浏览器的话,需要转换字体的格式,就像上面的eot/woff/ttf/svg这四种格式,不过中文字体有些是无法转换格式的,所以可能有些效果不是很好2014-09-22
mengvlog 阅读 31 次 更新于 2025-08-07 21:59:53 我来答关注问题0
  • css调用外部字体步骤如下:1. 建一个文件夹,把字体文件ttf、otf等放到文件夹内,然后创建一个html文件,命名为test 2. 编辑test文件,在页面中添加一个calss为anim的div。3. 设置anim的width、height等样式,然后新建font-face,设置字体为 test ,在src中把字体文件都包含进去。4. 在anim样式中输入...

  • src: local('hakuyoxingshu000 Regular'), local('hakuyoxingshu7000'), url('000.ttf') format('truetype'), url('000.svg#hakuyoxingshu000') format('svg');} 其中的“000”是你的字体名称,有个缺点就是要考虑到兼容性,以上三种写法分别对应的是:.TTF或.OTF,适用于Firefox 3.5、Safa...

  • 在使用CSS嵌入中文字体时,需要确保客户端也安装有相同的字体才能正确显示,否则可能会显示默认的宋体或其他微软字体。若仅需在本地机器上查看效果,可以将字体文件复制到C盘的Windows文件夹下的fonts文件夹中。接下来,根据字体文件的名称编辑CSS代码,例如将字体文件名设置为“zhongyuan”,则在CSS中使用如下...

  • 使用您需要的字体。在新的 font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):使用粗体字体。您必须为粗体文本添加另一个包含描述符的 @font-face。文件 "aa.ttf" 是另一个...

  • CSS调用系统没有的字体的操作方法和步骤如下:1、首先,将字体以ttf,otf等格式放置在文件夹中。 这些是字体的不同格式,以便与不同的浏览器兼容,然后创建html文件test,见下图。2、其次,完成上述步骤后,在test页面上打开的页面中添加一个class为anim的div代码,见下图。3、接着,完成上述步骤后,在...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部