网页字体(网页字体样式设置)

币圈资讯阅读 3 2023-07-31 01:59:56

Bitget下载

注册下载Bitget下载，邀请好友，即有机会赢取 3,000 USDT

APP下载官网注册

网页够不够美观，排版够不够好看，甲方爸爸会不会满意，用户体验是不是舒适......

作为一名网页设计师，这一定是你的例行每日几问。

以上问题的答案，有一个至关重要的点，那就是字体。

要知道，精美且使用得体的字体和排版几乎决定了整个网页颜值高低。

目前设计师关于字体的使用因为“侵权”变得惶惶不安，其实远不必忧心忡忡，免费的字体很多，免费且好看的字体也很多，说到字体资源，开源免费在线字体库 Google Fonts 绝对是一个大宝藏，今天摹客在其近1000多种字体里精选出了20款，提升设计颜值，打造高级感，从这20款字体开始吧~

为了方便大家挑选，我整理了每个字体的配图，包含了四个部分：字体、字体属性、标题展示和文本展示。如需下载方式，可前网摹客官网哦！

1. Dosis

设计师：Impallari Type

Dosis字体圆润美观，属于无衬线型系列。最轻量的风格是Extra Light，仅在尺寸为36pt或更高的屏幕上可用，该字体可广泛用于艺术设计和广告，包括设计，海报，PPT，电影和电视制作。据统计，有860,000多个网站都使用了该字体。和Dosis字体搭配度高的字体包括：Roboto，Open Sans，Lato，Oswald和Raleway。

2. Roboto

设计师：Christian Robertson

Roboto是由Google界面设计师Robertson完全基于Google系统而设计的一款字体，该字体设计出来就大受欢迎，它是Android操作系统和Chrome OS的默认字体，也是Google Material Design的首选字体。该字体兼其美观和实用，目前已经有超过24,000,000个网站都在使用该字体。 Roboto的最佳搭配字体包括Open Sans，Lato，Montserrat，Regular，Raleway和Oswald。

3. EB Garamond

设计师：Georg Duffner

EB Garamond具有复古、经典的特质，因而在特定的网页设计中大受欢迎。其实很多大公司都做过Garamond，其中包含苹果和Adobe公司。ED Garamond因为其既有的典雅和传统气息，非常适合和中文一起使用，你也可以将其和以下字体一起使用，比如Roboto，Lobster，Montserrat，Lato，Anton。目前有超过2,200,000个网站在使用EB Garamond字体。

4. Poppins

设计师：Indian Type Foundry

Popins是一种几何非衬线字体，它的使用非常广泛，可用于名片设计，新闻媒体，海报，PPT，影视制作，尤其是内容展示。据统计有4,000,000多个网站的内容展示都使用了Poppins。 Popins的搭配字体有Roboto，Raleway，Oswald，Playfair Display和Lato。

5. Lora

设计师：Cyreal

Lora是一款均衡的现代衬线字体，非常适合在电子屏幕上展示，也同样适用于印刷品。该字体适中的对比度使其非常适合展示网站正文内容，比如博客内容等。该字体在谷歌字体中排名前20，实力不容小觑。

6. Alegreya

设计师：HuertaTipográfica

Alegreya是一种最初用于文学方面的字体。它最大的特点就是传达了一种动态和多变的节奏，便于阅读长篇文章。它被选为53个“十年字体”之一，并且也是前14个文本类型系统之一。目前有超过340,000个网站中使用了该字体，它的配对字体包含Roboto，Lato，Lora，Playfair Display和Montserrat。

7. Libre Baskerville

设计师：Impallari Type

很受设计师欢迎的Baskerville不是网络安全字体，Libre Baskerville的出现拯救了这一局面。该字体可以说是Baskerville的一个优质替换项。并且该字体针对16px左右的正文文本进行了优化，更加适合在电子屏幕展示。Montserrat，Roboto，Lato，Raleway和Playfair Display都可以与之进行搭配。