html 怎么调用本地字体,CSS引入本地字体与在线字体

有些时候为了强调某些文字，需要使用一些比较特别的字体，CSS中现在也可以比较方便的引入字体了，如下：

/* 定义字体 */

@font-face{

font-family: Arista2;

src: url("./Arista2.0.ttf");

}

其中font-family就是之后使用时候的字体名称了，如此一来CSS中就可以直接使用本地的字体了，如下：

font-family: "Arista2";

如果需要引用在线字体，首先需要找到在线字体，国内推荐谷歌字体，虽然里面的中文字体不知道什么缘故无法使用，但英文字体还可以，至于详细的使用方法网站中有说明这里便不赘叙了。

特别提到一点，最好是不要引入特别的中文字体，主要是中文字体文件实在是太大了些，如果只是几个字完全可以做成svg或者png的格式。

css引入本地字体

1.首先创建一个字体 @font-face { font-family: 'number_font'; //创建一个number_font字体名称 src: url('../../../style/F ...

CSS在线字体库，外部字体的引用方法

目录: 1:CSS家族五大字体 2:360和谷歌外部字体引用方法 3:谷歌外部字体引用方法详解 4:@font-face用法详解 一: {font-family:serif,sans-serif,fa ...

CSS在线字体库，外部字体的引用方法@font-face

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许 ...

css引入特殊字体

http://www.fontsquirrel.com/tools/webfont-generator        ttf格式的字体转换成其他格式的字体   css引入特殊字体建议只是用英文字体,中 ...

css引入外部字体使网站字体更美观

@font-face{font-family: myFont;src:url("../font/timesi.ttf");src:url("../font/timesbi ...

@font-face使用在线字体

@font-face规则在CSS3规范中属于字体模块,该规则的推出对于网页设计来说是一个革命性的进步.在传统设计中,设计师不敢使用各种艺术字体类型,甚至是常规字体也需要慎重使用.因为设计师必须考虑每位 ...

css自定义字体----使用外部字体文件

css外部自定义字体 给大家分享一个使用的css小技巧!记得收藏呀!相信大家在浏览各种网站会见到各种奇形怪状花里胡哨的文字,还有就是一些浏览器兼容性问题,不会支持一些特殊的字体!给大家分享一个极其简单 ...

css 文本外观属性(text) 和 字体样式属性(font)

css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line ...

随机推荐

spring mvc <mvc:annotation-driven/> 自定义拦截器不走

这个便签会注册2个自定义拦截器,所以导致请求过来就会自己去走注册的这2个拦截器和定义的一堆bean 但是这个便签是必须得定义的 直接贴代码 ...

Pechkin：html -> pdf 利器

Pechkin 是GitHub上的一个开源项目,可方便将html转化成pdf文档,使用也很方便,下面是winform项目中的示例代码: using System; using System.Diagn ...

iOS9的新特性以及适配方案

新的iOS 9系统比iOS8更稳定,功能更全面,而且还更加开放.iOS 9加入了更多的新功能,包括更加智能的Siri,新加入的省电模式.iOS 9为开发者提供5000个全新的API. 1. 限制HTT ...

window.open() 被拦截后的分析

前言:此文章仅是个人工作中遇到问题后的一些记录和总结,可能毫无意义.. 事件回顾: 在开发中,PM要求在一个页面中输入多个链接然后可以一键在新窗口打开,所以就想到用window.open来实现,但是测 ...

利用js+canvas实现的时钟效果图

canvas+js时钟特效 运用js+canvas方面的知识完成一个时钟的效果图,再利用for循环实现指针的转动效果: g ...

Ios 弹框 MJPopup，KxMenu

IOS 弹框 如果直接弹出一个自定义的视图 可以选用第三方: MJPopup 弹出: if(!bandview) { bandview=[[[NSBundle mainBundle]loadNibNa ...

D15

T3: 树上的递归,很裸 T4:题目模型:二分染色问题 以及根据ccy大神指点,理解树形dp可以从 没有上司的舞会 聚会的快乐 这两题入手

android应用的优化建议(转载)

首先,这是我在http://www.oschina.net/translate/40-developer-tips-for-android-optimization看到的一片文章,感觉挺有道理的,所以 ...

java处理含有中文的字符串.

1. 问题描述: 原始数据是以行为单位的, 每行固定长度931个字节, 汉字占2个字节, 按照字典描述,共有96个字典,只有第32个字典为中文地址, 所以需要单独处理. 由于项目设计保密,故删除敏感数 ...

Linux系统Vi/Vim编辑器的简单介绍、安装/卸载、常用命令

Linux系统Vi/Vim编辑器的简单介绍.安装/卸载.常用命令 1.介绍 vi(Visual Interface)编辑器是Linux和Unix上最基本的文本编辑器,工作在字符模式下.由于不需要图形界 ...