css导入字体样式,如何用css设置字体样式

css里怎么引入文字样式 没有效果

@font-face{

     font-family: '字体名称'; 

     src: url('../font/字体名称.eot');

     src:url('../font/字体名称.woff') format('woff'),

         url('../font/字体名称.ttf') format('truetype'),

         url('../font/字体名称.svg') format('svg');

}

/*html中的代码中加一个元素div,h1,p等等，里面写你自己定义的字体名称*/

h1{font-size:36px; color:#ccc;font-family: "你自己定义的字体名称";}

相关问答

Q1: css中如何引入外部独立字体

用font-face即可，如下

@font-face

{

    font-family: myFont;

    src: url('Sansation_Light.ttf'),

         url('Sansation_Light.eot');

}

为处理兼容性，可以设置引入多个格式的字体文件，上面进入了两种，然后在需要用到这种字体的地方 设置属性 font-family: myFont;  即可

Q2: css里怎么引入文字样式没有效果

CSS字体 css font-family使用方法：

font-family:"设置字体名称";

CSS运用实例：

.div{font-family:"黑体";}

对应html:

div class="div"黑体/div