在windows7下如何显示矢量图的缩略图

第一步，打开你放图片的文件夹。

第二步，在空白的地方单击鼠标右键，d出对话框。

第三步，d出的对话框第一个选项是“查看”，将鼠标移动过去，会显示二级菜单，看需要选择“小图标”“中等图标”“大图标”或者“超大图标”即可。

方法/步骤

1

打开“开始”菜单。点击屏幕左下角的Windows图标，或者按下Win键。

如何在Windows电脑上创建图标

2

在“开始”菜单输入画图，然后按Enter键。等到“开始”窗口顶端出现调色板样子的“画图”图标时，再按Enter键。

如何在Windows电脑上创建图标

3

点击文件。这个蓝色按钮位于“画图”窗口左上角。

如何在Windows电脑上创建图标

点击文件菜单中的打开选项。这样会打开一个窗口，你可以在这里打开某个文件位置。

如果你想自己动手在“画图”中画图标，那就跳过这一步，开始自己绘画吧。

如何在Windows电脑上创建图标

选择一个图片。你可能需要在“打开”窗口左边点击一个位置，比如图片文件夹，才能找到你想打开的图片。

如果你选择自己绘画，那就跳过这一步。

如何在Windows电脑上创建图标

点击打开。这样会在“画图”窗口中打开选中的图片。

如果你选择自己绘画，可以跳过这一步。

如何在Windows电脑上创建图标

再次点击“画图”窗口左上角的文件。

如何在Windows电脑上创建图标

选择保存。这个选项在文件菜单中接近顶端的位置。

如何在Windows电脑上创建图标

点击保存按钮右边的BMP图片选项。这样会打开“保存”窗口，你可以在这里给文件命名。

如何在Windows电脑上创建图标

输入文件名，后面紧跟着.ico，确保它被保存为图标文件。

比如说，你可能想将文件命名为“shortcut.ico”。

如何在Windows电脑上创建图标

点击你要保存图片的文件夹。从“保存”窗口左边窗格中选择文件夹。

图片文件夹可以安全地保存快捷方式文件。

如何在Windows电脑上创建图标

点击窗口底部的保存。图标会被保存到选中的文件夹中。

如何在Windows电脑上创建图标

用你创建的图标更改某个程序的图标。使用浏览方法，然后从所在文件夹选择自定义图标就可以了。

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这标字体集几乎囊括了网页中可能用到的所有图标，除了包含

Twitter Boostrap 的默认图标外，还有社交收集图标、Web 应用法度图标和编辑器图标等等，可以免费用于贸易项目。

可以到官方站点查看更具体的信息和应用样例。

下面仅记录应用步调：

1.到官网高低载最新版本的Font Awesome.

2.解压文件，将此中的css和fonts文件夹拷贝到项目中，此中css文件夹中有两个css文件（font-awesome.css和font-awesome.min.css），fonts下有有5个，如下：

3.在须要应用的html或者其它类型的页面中引入样式文件，如下：

<link href="css/font-awesome.css" rel="stylesheet" />

4.查看font-awesome.css文件，若是引用的是紧缩版的，就要查看那个文件了，打开文件看到第一个样式定义如下：

＠font-face {

font-family: ""FontAwesome""

src:

url（""../fonts/fontawesome-webfont.eot？v=4.1.0""）

src:

url（""../fonts/fontawesome-webfont.eot？＃iefix&v=4.1.0""）

format（""embedded-opentype""），

url（""../fonts/fontawesome-webfont.woff？v=4.1.0""） format（""woff""），

url（""../fonts/fontawesome-webfont.ttf？v=4.1.0""） format（""truetype""），

url（""../fonts/fontawesome-webfont.svg？v=4.1.0＃fontawesomeregular""）

format（""svg""）

font-weight: normal

font-style:

normal

}

必然重视此中的src:url（）中的路径是不是当前与当前项目标实际路径向匹配。

4.最后在页面中参加响应的html元素，并且遵守font awesome定义好的样式为须要添加矢量图标的元素指定样式。：

<div class="list-group">

<a class="list-group-item"

href="＃"><i class="fa fa-home fa-fw"></i>

Home</a>

<a class="list-group-item" href="＃"><i

class="fa fa-book fa-fw"></i> Library</a>

<a class="list-group-item" href="＃"><i class="fa fa-pencil

fa-fw"></i> Applications</a>

<a

class="list-group-item" href="＃"><i class="fa fa-cog

fa-fw"></i> Settings</a>

</div>

<i

class="fa fa-spinner fa-spin"></i>

<i class="fa

fa-circle-o-notch fa-spin"></i>

<i class="fa fa-refresh

fa-spin"></i>

<i class="fa fa-cog fa-spin"></i>

<i class="fa fa-car"></i>

<i class="fa fa-car

fa-3x"></i>

别的，font awesome 和BootStrap连络可以达到更好的结果。

上方的html工作结果如下：

测试demo地址：进入

---