零基础建站培训介绍

当前位置:

css实现网页调用服务器端字体@font-face属性

在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们服务器端上的字体。

css实现网页调用服务器端字体

语法:


<style>

@font-face {
font-family : webfont ;
src : url( 字体名.ttf ) ;
}

p{font-famliy:webfont;}

</style>

还可以设置粗体/斜体文本时,调用的字体。


<style>
//设置正常文本调用的字体
@font-face {
font-family : webfont ;
src : url( 字体名1.ttf ) ;
}

//设置斜体文本调用的字体
@font-face {
font-family : webfont ;
font-style:italic;//斜体
src : url( 字体名2.ttf ) ;
}

h1{font-famliy:webfont;}

h2{font-famliy:webfont;
   font-style:italic;
}

</style>

设置调用本地字体


<style>

@font-face {
font-family : '黑体' ;
src : local( '黑体') ;
}

p{font-famliy:'黑体';}

</style>

设置调用字体大小写


font-variant:small-caps
描述
normal 默认值。浏览器会显示一个标准的字体。
small-caps 浏览器会显示小型大写字母的字体。
inherit 规定应该从父元素继承 font-variant 属性的值。

设置调用字体粗细

font-weight

值 :bold:粗;bolder:更粗;lighter:更细;100-900 从细到粗 数值必须是100的倍数 400相当于普通字体

设置调用字体变形

font-stretch 大多浏览器不支持此属性

 

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • html中marquee标签让图片水平滚动可以如下写法:[cce_html]<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
  • 我们大家都知道通过搜索引擎获取的客户是特别精准的,要不就不会有那么多中小企业以及个人去做竞价、搜搜推广了,每天都是几十万的投入,当然这些适合
  • 在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们
  • 如何在网页文字后加水平线?在HTML中,定义水平线可以使用水平线标签HR标签来写一个水平线。基本写法:[cce_html]<hr />[/cce_html]并且
  • :before 伪元素在元素之前添加内容:before这个伪元素允许创作人员在元素内容的特别前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用
  • WordPress模板基本文件style.css 样式表文件index.php 主页文件single.php 日志单页文件page.php 页面文件archvie.php 分类和日期存档页文
  • 在之前的建站教程中,介绍了wordpress免插件显示文章浏览量次数,可以在文章页显示文章浏览量,但我们自己做网站时,有时需要在分类目录页显示当前分
  • 服务器方法有很多 如网站在同一时间受到大量的访问流量 超过网站服务器所能承受的限制 那么网站所解析的服务器就会崩溃。主流的服务器攻击方式有
  • 做网站怎么选择服务器 (13433 次浏览)
    对于服务器租用的选择主要有以下几点大的标准:首先、服务器安全不能忽视,特别重要的是看他们是否有提供数据备份服务。其次、服务器租用的速度是
  • HTML字体加粗标签怎么写 图文教程 (123141 次浏览)
    HTML中给字体加粗一般会使用HTML字体加粗标签。HTML字体加粗标签就是<strong>标签。[cce_html]<strong> 要加粗的文字 </strong>[
  • HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素一、font标签语法与结构[cce_html]<font color="#FF0000"&
  • 想要使用fireworks制作字体效果,那么这里给大家讲解一个简单的制作字体的方法,使用的软件名称:fireworks8简体中文版 (含序列号)1、首先到啊fir
  • html元素标签属性大全 (116200 次浏览)
    什么是HTML属性每个HTML元素都可以给它添加一些属性,让它成为我们做网站时需要的样子。例如一段文字,我们可以给它添加属性,使这段文字变成红色,
  • 在自己做网站时,为了显示效果,我们需要对某些区块设置圆角边框,这时,我们需要用到CSS的border-radius属性,通过border-radius属性就可以轻松设置