当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 网站字体应该具有视觉吸引力

设计理念
明确网站设计目标
有效设计网页的方法
拒绝使用的七种logo样式
正确设计网站主页的方法
视觉文化中的设计问题
网站重塑的原因
测试logo功能
正确设计网页会使网站盈利
网站设计专业术语
设计有效网站的方法
选择合适的网站设计工具
创建具有视觉吸引力的网站
主页标题非常重要
挽回网站流失的访问者
避免使用大写字母的3个原因
运用对比方法设计网站的3条建议
网站设计必须明确的几个问题
提高图片下载速度
区分网站设计中重要的细节问题
创建便于用户操作的高质量网站

设计理念 中的 网站字体应该具有视觉吸引力


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1615 ::
收藏到网摘: n/a

Improve_Your_Web_Site_Design_With_A_Fancy_FontHave 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.
创建字体图像——打开图片制作软件(比如:FireworksPhotoshop或者 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.

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

评论 (0) All

登陆 | 还没注册?