收 藏 投 稿 繁 体 RSS 
站长吧-中国站长学习与交流的网站
首 页 运 营 学 院 建 站 论 坛
Web master8.net  
 网站运营  
  欢迎在本站发布信息,在线投递稿件请点这里。编辑QQ:4908220,欢迎联系交流。
业界动态 创业故事 推广研究 策划盈利 电子商务 企业平台
  站长工具
SEO查询 Whois查询 Pr查询 域名查询 IP查询 网页编辑器
 建站服务  
  如有建站意向,请尽快联系我们,以便安排时间... 建站服务 QQ4908220 QQ:4908220
作品展示 服务范围 服务流程 服务报价 联系方式 付款方式
文章正文  » 您的当前位置: 首页 >> 学院 >> 网页设计 >> 设计相关
网站字体应该具有视觉吸引力
  来源:互联网 | 时间:2008-01-08 | 浏览:   相关评论 | 报告错误 | 发布文章
【字号: | | 】 【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色)
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.

现在,网页中的字体不再普通,而更加醒目。字体设计可以增加网站竞争力,也可以提高你的设计能力。
master8
  • 上一篇:网站设计DIY
  • 下一篇:网站设计的几个主要方面

  • 我要投稿  打印本文  推荐本文  加入收藏  返回顶部  关闭窗口
    搜模板(www.somoban.com) 原创网站模板交易平台
    阿里妈妈再掀疯狂采购风,网站广告位严重告急,急召天下站长
    基于PHP+MySQL的整站、模块、插件开发等或者按需求实现相应功能;
基于各PHP主流建站系统CMS,BBS,BLOG等的模板定制,完全手写代码;
整站数据迁移或备份恢复;网页代码优化、重构;整站常规SEO优化;网站技术支持;
点击了解详情...
    站长论坛
    • 验证码: