css如何调用字体(css如何调用字体大小)-编程之家

css如何调用外部字体

可以使用CSS中的font-face属性调用任何外部特殊字体。

font-face属性介绍及其示例:

浏览器支持:

火狐、Chrome、Safari和Opera支持。ttf (True Type字体)和。otf (OpenType字体)字体。

Internet Explorer 9

支持新的字体规则,但仅支持。eot类型字体(嵌入式OpenType)。

使用你需要的字体。

在新的font-face规则中,必须首先定义字体的名称(比如myFirstFont),然后指向字体文件。

要为HTML元素使用字体,请通过font-family属性引用字体的名称(myFirstFont ):

使用粗体。

您必须为粗体文本添加另一个带有描述符的@font-face。

文件“aa.ttf & quot是另一个字体文件,包含了Sansation的粗体字。

只要font-family是“myFirstFont & quot的文本需要以粗体显示,浏览器将使用这种字体。

这样我们就可以为同一个字体设置很多@font-face规则。

实际案例:

案例1:<style>

@font-face

{

font-family:my first font;

src:URL(& # 39;aa.ttf & # 39),

网址(& # 39;aa.eot & # 39);/* IE9

,可以是具体的实际链接*/

}

差异

{

font-family:my first font;

}

& lt/style & gt;2: @ font-face

{

font-family:my first font;

src:URL(& # 39;aa.ttf & # 39),

网址(& # 39;aa.eot & # 39);/* IE9

*/

字体粗细:粗体;

}备注:

A.Internet Explorer 8和早期版本不支持新的字体规则。

B.注意代码中的负号,都是英文的。

C.字体文件格式必须有后缀,链接必须有后缀。

html如何实现点击图片弹出文字?

可以使用JavaScript语言写一个脚本就可以实现你说的效果。

css样式内联式,外联式,嵌入式的格式是什么?

外联式样式(属于外部样式表) 特征:

1、有一个单独的CSS文件存在!

2、首先,通过【格式】→【样式表连接】与CSS文件建立连接!

3、在合适的地方使用调用具体的样式效果! 如:<linkhref=”001.css”type=”text/css”rel=”Stylesheet”/> 嵌入式样式(属于内部样式表) 特征: 1、样式的属性内容以代码的形式写在网页代码中! 2、首先,通过【格式】→【样式】设置样式的属性内容! 3、在合适的地方使用调用具体的样式效果! 如:<styletype=”text/css”> .main{width:1002px;margin:0auto;} </style> 内联式样式(属于内部样式表) 特征: 1、样式的属性内容直接跟在将要修饰的文字标记里[如: 2、具体格式: 例如:修饰单元格里的文字

html如何将背景图与文本隔开?

你可以直接把图片放在CSS里面设为背景层。然后通过网页中加载相应的类就可以了。

html如何在一个页面中插入背景图上面可以放文字?

你给一个p添加背景图,不影响在这个p里面添加文字的,比如 <style> .class{width:200px;height:200px;background:url(“图片路径”)no-repeat;} </style> 注释:background:url(“图片路径”)no-repeat; repeat:平铺整个页面,左右与上下 repeat-x:在x轴上平铺,左右 repeat-y:在y轴上平铺,上下 no-repeat:图片不重复 <p> <p>你的文字内容</p> </p> 那么在这个p的背景图片就有了,你在里面写文字就可以了,如果你想给文字放到特定位置的话就需要定位了,

html 中怎么在背景图片中插入字体并改变字体位置?

第一种方式是image 作为背景图片,即:background:url("…….");

例如如下代码块:

<p >添加文字…添加文字…添加文字…</p>

第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个p 中,然后设置他们之间的位置,例如如下代码块:

<p >

< img src="loading.gif" width="170" height="89" alt="">

<span >添加文字…添加文字…添加文字…</span>

</p>

第三种方式是将img块与文字块(文本块存放在p中)放在同一个p 中,然后设置他们之间的位置,例如如下代码块:

<p >

  < img src="loading.gif" />

  <p >添加文字…添加文字…添加文字…</p>

</p>