Have you ever tried to design your web site with a beautifully selected font, only to realize that most folks don't have it installed on their computer?

有没有出现过这种情况：利用漂亮字体设计网站，却发现大多数用户的电脑中并没有安装这种字体。

This means your web page won't look great to the majority of your viewers. They will only see the font they have on their own computers.

这也就意味着，网页在大多数浏览者电脑中呈现出不理想的效果，浏览者只能看到自己电脑中呈现的字体。

The Problem
问题

Most computers come with only a certain number of fonts. An older computer will contain different fonts from newer ones. ie if you include a font from your Windows XP operating system for your web site design, it may not show up for folks that use the Windows 98 operating system. The font on your web page will default to what is on the person's computer, creating a distorted looking font.

大多数计算机包含许多字体，但老式计算机与新式相比，包含的字体又不同，比如说，Windows XP操作系统中的字体，可能在Windows 98中不能显示。这样，网页中的字体会转化为访问者计算机中的默认字体，字体效果会发生扭曲。

The Solution
解决方法

Create an image of the font.

创建字体图像。

1. Locate the fancy font you want to use for your web site design. Do a search for "free downloadable fonts" or go to http://www.fontfile.com to select the font you want.

1. 寻找网站设计中需要利用的字体。搜索免费的可卸载字体，或者登录http://www.fontfile.com查找希望利用的字体。

2. Download the font to a folder on your computer - you will receive the font as a zip file. Extract it to a new folder on your desktop (you can use the free utility at WinZip.com if you don't already have it installed).

2. 下载字体至计算机文件夹中——字体会以zip文件形式出现。释放文件，放置在桌面的新建文件夹中。如果电脑没有安装这个软件，可以登录WinZip.com，使用免费的应用程序。

3. Install the font on your computer - go to your Start button - Settings/Control Panel. With the control panel window opened, scroll down to the Fonts icon. Click on the Fonts icon to open it. This contains all the fonts on your computer. Copy the font (right click on mouse) from the folder on your desktop and paste (left click on mouse) it into the font's folder.

3. 安装字体——点击开始按钮——找到控制面板。打开控制面板，找到字体图像，然后点击字体图像，这里包含计算机中所有字体。复制桌面文件夹中的字体（点击鼠标右键），粘贴到字体文件夹中（点击鼠标右键）。

4. Create the image for your font - open your graphic's software (ie Fireworks, Photoshop or Paint Shop Pro). Make the canvas size a little larger than the size of your font. Choose the same background color as your web page so your canvas will blend in perfectly with it. Write the words on the canvas using the new font you installed (it should now appear in your choice of fonts). Optimize your font image so it has a small file size (make sure it has a resolution of 72dpi and save it as a gif file). This means it won't significantly affect the download time of your web page.

4. 创建字体图像——打开图片制作软件（比如：Fireworks、Photoshop或者 Paint Shop Pro）。背景尺寸要比字号大，并且要与网页选择同样的颜色，这样两者的搭配更合理。背景中利用安装的新字体（根据自己需要，进行选择），同时优化字体图像，保证图像有一个小尺寸（保证分辨率为72dpi，格式为gif），这样不会影响网页的下载时间。

5. Insert the image of the new fancy font on your web page.

5. 网页中插入设计好的字体图像。

Now you don't have to stick with the plain looking fonts that come with your computer. This will help make your web site stand out from your competitors and enhance your design capabilities.

现在，网页中的字体不再普通，而更加醒目。字体设计可以增加网站竞争力，也可以提高你的设计能力。

网站设计DIY 网站设计中出现的新问题

评论 (0) All