Bootstrap里的文本分别表示如何看头及其引用方法

SVG是由W3C制定的绽开标准的图样格式。SVG字体就是行使SVG技术来表现书体,还有一种gzip压缩格式的SVG字体。使用格局:使用CSS3的@font-face属性可以达成在网页中放到任意字体。
不过IE只支持微软自有的EOT格式字体,必要用字体转换工具将其转移为EOT格式,其余浏览器都不协理这一字体格式,其余浏览器能够设置TTF(TrueType)和OTF(OpenType)二种字体作为自定义字体。

EOT – Embedded Open Type (.eot)

bootstrap的环境至少需求3个公文:bootstrap.min.css、jQuery.min.js、bootstrap.min.js,具体代码如下:

亟需小心的是:
bootstrap.min.css、jquery.min.js、bootstrap.min.js那多少个文件的引入顺序一定不可能错乱,一般把jquery.min.js、bootstrap.min.js那五个公文放入HTML网页的最底部,这么做是为了预防网页未加载达成而这八个文本先加载可能发生的不要求的难点。

而由于网页中运用的书体类型,也是各浏览器对字体类型有例外的支撑标准化。
字体格式类型主要有多少个大分类:TrueType、Embedded Open Type
、OpenType、WOFF 、SVG。

EOT是嵌入式字体,是微软开支的技艺。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染,存储在临时安装文件夹下。

OpenType是微软软Adobe共同开发的字体,微软的IE浏览器全体应用那种字体。致力于替代TrueType字体。

*bootstrap.css
是完全的bootstrap样式表,未经压缩过的,可供开发的时候举行调剂用
*bootstrap.min.css
是通过压缩后的bootstrap样式表,内容和bootstrap.css完全一致,不过把高中级不须求的空格之类的事物都删掉了,所以文件大小会比bootstrap.css小,可以在配备网站的时候引用,固然引用了这几个文件,就没必要引用bootstrap.css了,上边的文本一律。

Windows和Mac系统最常用的书体格式,其最大的表征就是它是由一种数学形式来拓展定义的基于概况技术的书体,那使得它们比基于矢量的字体更便于处理,保险了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以无限制缩放、旋转而无需担心会并发锯齿。

WOFF(Web开发字体格式)是一种越发为了Web而布署的书体格式标准,实际上是对此TrueType/OpenType等字体格式的包装,每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被削减,以便于互连网传输。

OpenType (.otf)

TrueType

WOFF – Web Open Font Format (.woff)

有关Bootstrap打包的文件分别表示如何看头,官网也不曾交给一个显眼的解释,在网上查了部分材料,总价归结了之类:

有关字体文件的表明:

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件,务必在bootstrap.min.js 之前引入 -->  
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

SVG (Scalable Vector Graphics) Fonts (.svg)

bootstrap/    <!--主目录-->
├── css/    <!--CSS样式文件-->
│   ├── bootstrap.css    <!--Bootstrap核心CSS文件-->
│   ├── bootstrap.css.map    <!--source map文件-->
│   ├── bootstrap.min.css    <!--Bootstrap核心CSS文件 压缩版-->
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css    <!--可选的Bootstrap主题文件(一般不用引入)-->
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css    <!--可选的Bootstrap主题文件(一般不用引入) 压缩版-->
│   └── bootstrap-theme.min.css.map
├── js/    <!--JavaScript文件-->
│   ├── bootstrap.js    <!--Bootstrap核心JavaScript文件-->
│   └── bootstrap.min.js    <!--Bootstrap核心JavaScript文件 压缩版-->
└── fonts/    <!--字体图标-->
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

相关文章