H5页面制作在现在来看确实是非常简单，不过虽然解决了H5页面制作上的技术问题，但在H5页面的设计上可能又会令人非常的纠结，毕竟不是每一个人都会良好的设计功底，而且H5页面上的设计如果搭配得好，能产生非常不错的视觉效果，但是如果组合搭配过于随便又很容易导致H5页面难以发挥应有的作用。鉴于这种情况，这里就和大家介绍一下H5制作过程中字体选择和组合的方法。
这里挑选了将不同的字体选择和组合案例分为两类：
第一类是以图片突出为主，而文字的存在只是为了衬托这张图片而已；
第二类是以文字突出为主，而图片的存在是为了重点突出文字的重要性；
经过将这些文字部分截出来以后，根据文字的样式和文字的不同组合方式排列出下面的效果：
第一类
第二类
可以看到，这两类组合的字体当中，它们字体之间的差异还是非常大的，尤其是在字体的选择上：
第一类的字体主要体现出现代线体感，字体的笔划并没有过多的修饰，而且出现的题材也比较的广泛，所以这一类的字体组合主要都是应用在商业展示型的H5，或者是衬托人物场景或彰显时尚气质的H5中。
第二类的字体组合属于古典型的衬线体，字体的笔划粉饰性强，比较多的出现于传统、自然或者是抒情性的H5中。
而在字体的组合上：
第一类的字体被紧密的排列在一个矩形之中，在视觉上很容易形成一个面；
第二类各个字体之间的组合比较松散，在视觉上容易形成一个点；
如下图：
根据以上的字体选择和组合的对比，大家在制作H5页面的时候，相信应该了解怎么去选择合适的字体，并将其组合了吧。
