html引用字体
『壹』 如何在html中使用图标字体
首先,需要有这么个"图标主体"库 ,其次把这个"图标字体"库,引入html页面是图标字体库对应的css引入html ,最后使用"图标字体"库 具体操作。
『贰』 html怎么引用字体包
@font-face{
font-family:'MyNewFont';/*字体名称*/
src:url('font.ttf');/*字体源文件*/
}
CSS3可以直接支持导入字体
『叁』 HTML调用外部字体
你网络下 谷歌字库 记得 谷歌提供几种可以在线调用
还有如果客户那边没有的话 你给他装个不就完了
『肆』 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。
文件 "aa.ttf" 是另一个字体文件,它包含了 Sansation 字体的粗体字符。
只要 font-family 为 "myFirstFont" 的文本需要显示为粗体,浏览器就会使用该字体。
通过这种方式,我们可以为相同的字体设置许多 @font-face 规则。
实际案例:
案例1:
<style>
@font-face
{
font-family:myFirstFont;
src:url('aa.ttf'),
url('aa.eot');/*IE9+,可以是具体的实际链接*/
}
div
{
font-family:myFirstFont;
}
</style>案例2:
@font-face
{
font-family:myFirstFont;
src:url('aa.ttf'),
url('aa.eot');/*IE9+*/
font-weight:bold;
}注意事项:
A、Internet Explorer 8 以及更早的版本不支持新的 font-face 规则。
B、代码中注意负符号,均为英文状态下。
C、字体文件格式必须添加后缀,且链接中必须带后缀。
『伍』 怎么在html页面中引用自定义的字体
如何理解“自定义的字体”?
是你自己设计的字体,还是想使用非系统默认(win里的雅黑,mac里的冬青黑体)的字体?
如果是你自己设计的字体,建议使用font-face,在css里引用。
如果是使用非系统默认的字体,可以用font-family,在css里引用。
『陆』 css 怎么调用外部字体。。
1、在文件夹中放入ttf、otf等格式的字体,这些都是一个字体的不同格式,回是为了兼容不同的答浏览器,然后创建一个html文件test。如下图所示:
『柒』 html中怎样引用eto字体
css样式里可改,不过引用了没用,除非别人电脑装了这种字体,不然别人看不到效果还会影响布局
『捌』 css引用字体问题
在CSS中通过@font-face属性来实现网页中嵌入特殊字体。
首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。
.EOT,适用于Internet Explorer 4.0+
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.SVG,适用于Chrome、IPhone
最常见的是.TTF文件,需要通过这种文件格式转换为其余两种文件格式。
在css中进行如下声明:
@font-face {
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');
}
/*其中fontName替换为你的字体名称*/
在css中使用这个字体
h1{font-family: fontNameRegular}
『玖』 html如何添加字体
添加普通字体:比如:font-family:"Times New Roman",Georgia,Serif;
添加自定义特殊字体:
第一步
获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体。
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.EOT,适用于Internet Explorer 4.0+
.SVG,适用于Chrome、IPhone
第二步
获取到三种格式的字体文件后,下一步要在样式表中声明该字体,并在需要的地方使用该字体。
特殊字体声明如下:
@font-face {
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');
}
在页面中需要的地方嵌套使用该字体:
p { font: 13px fontNameRegular, Arial, sans-serif; }
h1{font-family: fontNameRegular}
『拾』 html5页面怎么引用字体ttf文件
1、首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下: