zoukankan      html  css  js  c++  java
  • CSS3 @font-face 规则

    [

    CSS3 @font-face 规则

    实例

    指定名为"myFirstFont"的字体,并指定在哪里可以找到它的URL:

    
      
    
        @font-face
    
    	{
    
    	font-family: myFirstFont;
    
    	src: url('Sansation_Light.ttf'),
    
    	    
    
    	url('Sansation_Light.eot'); /* IE9 */
    
    	}
    
      
    
    

    浏览器支持

    Internet Explorer 9, Firefox, Opera,Chrome, 和 Safari支持@font-face 规则.
    但是, Internet Explorer 9 只支持 .eot 类型的字体, Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体.
    注意: Internet Explorer 8 及更早IE版本不支持@font-face 规则.

    属性定义及使用说明

    @font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。
    字体的名称,font - face规则:

    font-family: myFirstFont;

    字体文件包含在您的服务器上的某个地方,参考CSS:

    src: url('Sansation_Light.ttf')

    如果字体文件是在不同的位置,请使用完整的URL:

    src: url('https://www.w3cschool.css/css3/Sansation_Light.ttf')

    现在准备使用该字体,下面是如何使用它所有的div元素的一个例子:

    div

    {

    font-family: myFirstFont;

    }

    语法:

    @font-face

    {
    font-properties

    }

    以下实例为在div中使用的字体:

    div

    {

    font-family: myFirstFont;

    }

    语法

    @font-face

    {font-properties

    }

    字体描述 说明
    font-family name 必需的。定义字体的名称。
    src URL 必需的。定义该字体下载的网址(S)
    font-stretch normal
    ]
    转载请保留页面地址:https://www.breakyizhan.com/css/20453.html
  • 相关阅读:
    C
    A
    G
    B
    一些新玩意:
    Angular常用功能
    node学习笔记(四)
    node学习笔记(三)
    node学习笔记(二)
    node学习笔记
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13286095.html
Copyright © 2011-2022 走看看