css如何调用字体(css中字体怎么设置)

css如何调用字体,css中字体怎么设置

内容导航：

css怎么调用外部字体

css 怎么调用外部字体。。

CSS怎么调用外部特殊字体

为什么调用CSS光失败

一、css怎么调用外部字体

CSS中可以使用font-face属性即可实现调用任何外部等特殊字体。font-
face属性介绍及其实例：对浏览器的支持：Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts)
和 .otf (OpenType Fonts) 类型的字体。Internet Explorer 9+ 支持新的 font-face 规则，但是仅支持
.eot 类型的字体 (Embedded OpenType)。使用您需要的字体。在新的 font-face 规则中，您必须首先定义字体的名称（比如
myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称
(myFirstFont)：使用粗体字体。您必须为粗体文本添加另一个包含描述符的 @font-face。文件 “” 是另一个字体文件，它包含了
Sansation 字体的粗体字符。只要 font-family 为 “myFirstFont”
的文本需要显示为粗体，浏览器就会使用该字体。通过这种方式，我们可以为相同的字体设置许多 @font-face 规则。实际案例：案例1：案例2：@font-
face{font-family: myFirstFont;src: url(”), url(”); / IE9+ /font-
weight:bold;}注意事项：A、Internet Explorer 8 以及更早的版本不支持新的 font-face
规则。B、代码中注意负符号，均为英文状态下。C、字体文件格式必须添加后缀，且链接中必须带后缀。

二、css 怎么调用外部字体。。

css 怎么调用外部字体。
。
服务器中没有那个字体，需要把字体传到空间，但是怎么调用。
。
请高手指点。
。
。
。
。
css调用外部字体步骤如下：1. 建一个文件夹，把字体文件ttf、otf等放到文件夹内，然后创建一个html文件，命名为test2.
编辑test文件，在页面中添加一个calss为anim的div。
3. 设置anim的width、height等样式，然后新建font-face，设置字体为 test ，在src中把字体文件都包含进去。
4. 在anim样式中输入”font-family：test“保存。
5. 用浏览器打开test文件，这时文字字体已经调用成功。
1、在文件夹中放入ttf、otf等格式的字体，这些都是一个字体的不同格式，是为了兼容不同的浏览器，然后创建一个html文件test。
如下图所示：2、在test页面打开的页面中添加一个class为anim的div代码。
如下图所示：3、在打开的页面找到接着设置anim的宽高等样式。
如下图所示：4、创建一个font-face，设置字体为 test ，在src中把我们的字体文件都包含进去。
如下图所示：5、现在我们就可以在anim样式中通过 font-family:test 来使用这个字体。
如下图所示：6、在浏览器中打开test文件，我们发现文字已经变成我们的字体了。
如下图所示：方法如下：@font-face { font-family: SketchRockwell; /这里是说明调用来的字体名字/ src:
url(‘’); /这里是字体文件路径/ } .my_CSS3_class { font-family: SketchRockwell;
/这里设置某参数的字体值，在这里是“my_CSS3_class”调用了你刚才声明的字体值”SketchRockwell”/ font-size:
3.2em; /这里是字体大小/ } 为了混淆下面的是没有做注释的源文件:@font-face { font-family:
SketchRockwell; src: url(‘’); } .my_CSS3_class { font-family: SketchRockwell;
font-size: 3.2em; }二楼的方法应该可以 英文的还好点 中文字体而言 当前还是不要有用这种方法的想法 。
不现实

微软雅黑貌似不行。
因为必须要把字体的ttf格式转换为eot格式。
英文字体都比较小，转换没问题，中文字体比较大，都转不了。

前段时间我也试过了，下了weft后，也转换不了，

/fontface/generator

这个网址倒是可以转的，但是只能转很小的字体，我试了下，超过1m多一点点的，就转不了，说是太大了。

如果字体转换成功的话，就只要在css里加一段字体声明就可以了。

@font-face {font-family: ‘fontnameregular’;src: url(‘’);src: local(‘fontname
regular’), local(‘fontname’), url(‘’) format(‘woff’), url(‘’)
format(‘truetype’), url(‘#fontname’) format(’svg’);}

我只是告诉你一点我的经历，如果你找到微软雅黑可以转的话，你告诉我哈，先谢谢你！

三、CSS怎么调用外部特殊字体

方法如下：
@font-face {
font-family: SketchRockwell; / 这里是说明调用来的字体名字 /
src: url(‘’); / 这里是字体文件路径 /
}

四、为什么调用CSS光失败

答：如果想实现调用成功。前提是ascx和aspx在同一目录下。因为ascs放到aspx后会当做aspx的一部分编译。所以如果你在ascs中引用一个文件比如../style/想放到上层目录里的aspx页面里。就要改成/style/虽然在ascs里看不到效果。但一运行就正常了图片和链接的路径也同样道理