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 阅读 12 次 更新于 2025-06-20 01:22:50 我来答关注问题0
  • css调用外部字体步骤如下:1. 建一个文件夹,把字体文件ttf、otf等放到文件夹内,然后创建一个html文件,命名为test 2. 编辑test文件,在页面中添加一个calss为anim的div。3. 设置anim的width、height等样式,然后新建font-face,设置字体为 test ,在src中把字体文件都包含进去。4. 在anim样式中输入...

  •  勇气和激情 css 怎么调用外部字体。。

    1、在文件夹中放入ttf、otf等格式的字体,这些都是一个字体的不同格式,是为了兼容不同的浏览器,然后创建一个html文件test。如下图所示:2、在test页面打开的页面中添加一个class为anim的div代码。如下图所示:3、在打开的页面找到接着设置anim的宽高等样式。如下图所示:4、创建一个font-face,设...

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

  • 1、有一个单独的CSS文件存在!2、首先,通过【格式】→【样式表连接】与CSS文件建立连接!3、在合适的地方使用调用具体的样式效果!如:linkhref="001.css"type="text/css"rel="Stylesheet"/>嵌入式样式(属于内部样式表)特征:1、样式的属性内容以代码的形式写在网页代码中!2、首先,通过【格式】...

  • CSS中可以使用font-face属性即可实现调用任何外部等特殊字体。font-face属性介绍及其实例:对浏览器的支持:Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explorer 9+ 支持新的 font-face 规则,但是仅支持 .eot 类型的字体 (...

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

CSS相关话题

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