字体是我们在做外贸网站建设过程中经常会用到的，而且字体种类繁多，有成千上万种，因此我们不可能记得每一种字体的名称，特别是有时候在设计LOGO的时候，客户直接发一张图片过来，要把LOGO做成那种类似的，这时候如果能快速识别出这种字体的话，就会节省不少的时间，那如何通过图片快速识别字体呢？下面我们来看看方法 首先我们需要进入这个网站：www.myfonts.com/WhatTheFont/ 按要求上传需要识别字体的图片 选择好图片以后，点击Continue按钮进入下一步，按要求填写图片上对应的字母，再点击Continue按钮进入下一步就会看到很多与图片上比较接近的字体。整个过程只需要几分种就完成了。 我们以下面这个图片为例 最后识别的结果： 效果还是很不错的！如果你把包含英文文字的图像上传，此站就能识别图片上的文字所用的字体，或者找出与之相近的字体，当然识别的成功率取决于你上传图片文字的清晰度，图像越大越清晰，越容易被成功识别。但是这个网站只提供识别出的字体相关的资料，并不提供识别后的字体下载服务。当然知道了字体名称，下载起来也不会费太多时间！

最近外贸企业站做得也比较多，这次的这个是属于外贸OEM加工行业的，客户要求简洁大方，有欧美风，保持简洁清爽的界面，任何人都能快速找到想要的信息，这就要求首页显示的信息要比较全，因为属于加工行业，在颜色选择方面结合和客户的交流，最后采用了蓝灰结合的方式。网站结构方面采用了上下、左右相结合的方式，显示内容方面因为考虑到后期客户的这个网站需要做SEO优化，所以除了关于我们、产品导航、滚动图片、联系我们这些常规版块之外，还加了一个新闻版块！在设计的时候做了两个版本的首页供客户选择，下面我们来看看： 第一个版本 第二个版本 两个版本并没有特别大的区别，第一个版本的头部更简单，第二个版本的头部 比较传统，结合和客户的交流，整个除内容以外的部分给了一个灰色的背景，经过与客户的沟通，客户最终选择了第二个版本

网站中字体和字体的大小会直接影响整个网站的美观程度以及用户体验，有时候对网站优化都会起到一定的影响，所以做设计时会极为重视。 我们知道，现在字体种类繁多，英文的，简体的，繁体的等等，但是我们在网站上用到的其实还是普遍的那几种。 第一，在中文站中 在中文站中，我们一般正文部分都使用的是宋体，12号字体，而需醒目的标题等部分使用的是微软雅黑。这是为什么呢？ 在WindowsXP中文版操作系统中，系统的默认字体一般为宋体或是新宋体，每个用户的电脑上面所装的字体不同，如果选用比较特殊的字体，而那些没有装这些特殊字体的用户电脑上，仍然会以宋体的形式显示，所以为了广大的用户，我们一般都会选用宋体或是微软雅黑。字体如下图 大标题选用的是微软雅黑字体，下面的是宋体 第二，英文站中 英文字体可选的范围比较广，一般的用户都装了这些字体，英文站中最常见字体是Arial，其次是ComicSans，这种字体类似人的笔记，是有曲线勾画出来的 网站中可能也需要比较美观，特殊的字体，我们一般都会做在图片上面，例如banner图，但是如果网站中图片太多，一个是影响网站打开速度，同时图片也不如文字易优化，所以不建议多使用。 那么在网站中我们一般使用多大的字体呢？ [...]

什么是响应式设计呢？ 响应式设计就是指网站能自动适应多种设备以及各种分辨率，客户能从移动设备上直接访问网站。 响应式设计的优点 网站能根据不同的分辨率自动适应，更加方便了用户体验。 能自动适应不同的设备，如平板，手机，不同的设备上面看到的内容都是一致的，只是排版结构有了变化，不用再根据不同的设备制作不同的网站。 响应式的缺点 响应式的网站代码比一般的网站多的多，文件也会比较大，这样对网站的打开速度会有一定的影响。其次，设计师的工作量也会大了很多。响应式设计不适合用于那种结构比较复杂的网站，因为你需要考虑的因素比较多，要结合网站在电脑，平板和手机上的展示形式。 如何简单实现响应式设计 第一步，在头部加上<meta name=”viewport” [...]

这是个金属元素类外贸企业网站设计，客户主要经营沉积材料，稀有金属，高纯材料等，客户为了显得与众不同，在颜色方面要求选用极深的蓝色，网站需着重突出产品这一块。 首页上面我还是采用的一般的外贸企业站的结构，左右结构，分别是产品分类，新闻和联系我们，右侧则是banner图，公司简介，和产品四大分类图片，描述等。网站部分内容采用了灰色的背景，加深了整个页面的层次感，使其不过于单调。产品页面也是左右结构，但是右侧在点击product前，先进入产品四大分类的页面，最上面是描述，然后是子目录，每个分类页面也是，上面首页是描述，下面才是产品列表，这样也是方便了用户的体验，对网站结构也是一目了然。其他内页跟一般的企业站结构差不多，就不一一说明了。 效果如下图 如果您也有类似的建站需求，欢迎与我们联系！

这个电子仪器类企业网站的客户主营产品为电子精密仪器，如气体检测仪，以后有电子医疗产品等，要求网站简洁，时尚，有科技感。客户的产品颜色大多以橘色，枚红色为主，所以我在导航部分使用了浅黑色，大方，简洁。网站主体体现的都是产品，客户的产品类别和每个分类的产品也不是很多，所以导航部分就是产品分类，内页的导航下面就是该分类的产品，一目了然。首页采用的是全屏图片轮播，让网站更加大气，时尚。首页下面接着展示的是每个分类的其中一个产品，下面是公司简介，公司简介以蓝色和橘色为主，以及特殊的排版，使得网站首页更加丰富，生动。内页基本都是以介绍产品为主，点击进入内页，入目的就是一张大的产品大图，更加能吸引客户注意，下面就是该产品的详细介绍。 详情请看下图

随着越来越多的人使用手机上网，已经有很多的外贸网站在制作过程中采用了自适应的设计，以增加网站的用户体验，而好的网站内容也是必须要有的，虽说现在的网站都基本采用div+css来布局，但是像产品的描述部分有时候不可避免的会使用到table来编辑以达到更好的效果，这时候就会出现一个问题，就是当在手机上浏览时，使用了table的内容会有一部分被隐藏了，看不见，这当然不是我们想要的效果，下面我们来看看通过css来实现table也自适应！ CSS代码： .table-container { width: 100%; overflow-y: auto; _overflow: auto; [...]