网页字体 | 优设网

我们观察到，2018年网页文本字体的设计趋势有这7种

网站最基本的功能是呈现信息，让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。

2018-05-23 推荐：陈子木字体设计 排版布局

2017年流行的这些字体排版趋势，你都知道嘛？

技术和设计趋势一样，随着时间的推移总在不停地变化。对于网页设计师和前端而言，字体和排版所涉及到的技术和设计尤其是如此。

2017-04-30 推荐：陈子木优秀网页设计 字体排版

用好这5个技巧，帮你快速挑选出最合适的字体

时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频，以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。

2017-03-03 推荐： 3年2班程远字体选取 经验分享

总结了日式网站这4个优点后，我能把中文网站做得高大上了！

本文通过分析日式网站的色彩、图片、文字和元素运用，帮你充分吸收日式网站的精华，让中文网站的设计也变得高大上!色彩当我们看到小清新的网站的时候首先一...

2017-02-22 推荐： 3年2班程远中文字体 日本网站

实例教学！10个帮你运用好字体组合的设计原则

编者按：选择与设计相符的字体、展现视觉的层次感、衬线体与非衬线体一起使用、避免字体冲突、避免使用相似的字体进行组合、限制你所使用的字体数量… 今天@...

2016-08-21 推荐： 3年2班程远 ui设计 字体搭配

超赞！最佳WEB字体排版实践的简明指导手册

betsey：本文是站在一个网页设计师的角度，所写的关于最佳字体排版实践的手册，包括字体排版设计、Web 字体、Web 样式指导等四个方面，而且每一章后都有扩展阅读帮...

2016-07-06 推荐： 3年2班程远排版布局 排版设计

谷歌字体安装指南！教你在网页上使用 Google Web font

现时有很多网站流行使用网页字体，这些字体大部分来自 Google Font 提供的700+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提...

2016-04-28 推荐： 3年2班程远 Google 经验分享

精雕细琢！打造优秀用户体验的10大排版规则

对于网页和APP而言，良好的排版不仅仅是摆上漂亮的字体就可以搞定的，高度的可读性和可识别性并不是简单的要求，视觉设计和内容风格也应当做好一致性。虽然这些...

2016-04-02 推荐：陈子木排版布局 排版设计

专业干货！想强调重点该用粗体、下划线还是斜体？

编者按：你以为的加粗很多是假粗体；下划线只是打字机时代的产物，如今根本不能用；中文没有斜体…. 以上仅仅是@justfont 这篇好文的众多亮点之一，这不仅是一...

2015-11-19 推荐： 3年2班程远 web字体 字体

提升观感！如何把谷歌的「思源黑体」作为Webfont使用？

编者按：想让你的网站瞬间提升质感?试试谷歌和Adobe联合推出的「思源黑体」!

2015-11-05 推荐： 3年2班程远 android Android UI

超实用！帮新手熟练掌握字体运用的18招秘籍

文字、文本排版是日常工作中经常用到，看似简单的文字，实际上排版也是很有讲究，今天为大家整理一组信息图：用好文本的18条法则。如果你在版式方面内力不够精...

2015-09-25 推荐： 3年2班程远字体 字体排版

网站的关键！教你13步打造优雅的Web字体

今天，大多数浏览器已经默认支持Web字体，日趋增多的字体特性被嵌入最新版HTML和CSS标准中，Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规...

2015-09-23 推荐： 3年2班程远字体设计 经验分享

UI设计福利！如何在PS上直接使用FontAwesome图标？

估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标，只要在CSS引入这个字体icon，它就可以直接通过class来生成一个图标，而且免费使用。目前图标数量...

2015-08-27 推荐： 3年2班程远 ps技巧 图标字体

细节大揭秘 全部细节

如何一键保存「微博」的所有原图？

好功能微博国际版 iOS

「百度地图」用照片增强目的地识别度，让开车识路更轻松

用户体验百度地图iOS

「京东」如何通过优化下单流程减少填错寄件地址的几率？

信息呈现京东 iOS

连警告说明都充满逻辑性的XMind

视觉 XMind 8

这个姿势有用！哪种字体最适合快速阅读？（附搭配建议）

编者按：什么样的字体兼具易认性和可读性?中英字体该如何搭配才能保证顺畅阅读?

2015-03-18 推荐： 3年2班程远字体排版 字体设计

网站字体有多重要？它帮网站提高了38%的流量！

多年前，麻省理工学院的研究人员已经证实字体影响我们的感受：差的字体使人无意识的反感，好的字体使我们感到高兴。如果字体能够影响我们的情绪，那同样会影响...

2014-08-29 推荐： 3年2班程远网页字体 网页设计

不会挑选字体？来看看字体的7种类型及特点

妈妈常说字如其人，到了设计师这里，字体就决定了产品的气质。如何给作品挑选一款合适的字体是非常重要的（完全无法直视设计师简历用宋体!

2014-07-15 推荐： 3年2班程远字体设计 网页字体

字体的私奔：超赞网页字体设计奇幻之旅

第一印象通常就是一种持续印象。不管你是否意识到，你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。

2013-12-16 推荐： 3年2班程远字体设计 排版

Mac Ｗin 网页字体显示方案

Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点，而在这些年亲身使用后，个人感觉Mac下的字体确实看起来比Win下舒服些，特别是在浏览网页时，...

2013-01-01 推荐： Roc 优设 mac mac字体显示方案

没有更多文章了

菜单 优设网 - UISDC

网页字体已发布文章18篇

2018-05-23 推荐： 陈子木 字体设计排版布局

2017-04-30 推荐： 陈子木 优秀网页设计字体排版

2017-03-03 推荐： 3年2班程远 字体选取经验分享

2017-02-22 推荐： 3年2班程远 中文字体日本网站

2016-08-21 推荐： 3年2班程远 ui设计字体搭配

如何绘制最火的噪点肌理插画? 私房课

无需手绘板！零基础也能学！1500 人都在学！

Dribbble 高手亲授 优设 8 年口碑保证

如何从零开始学平面设计 训练营

字体排版配色文案一站学习！优设平面课

4位明星讲师 专为新人定制

2016-07-06 推荐： 3年2班程远 排版布局排版设计

2016-04-28 推荐： 3年2班程远 Google经验分享

2016-04-02 推荐： 陈子木 排版布局排版设计

2015-11-19 推荐： 3年2班程远 web字体字体

2015-11-05 推荐： 3年2班程远 androidAndroid UI

2015-09-25 推荐： 3年2班程远 字体字体排版

2015-09-23 推荐： 3年2班程远 字体设计经验分享

2015-08-27 推荐： 3年2班程远 ps技巧图标字体

如何一键保存「微博」的所有原图？

好功能 微博国际版 iOS

「百度地图」用照片增强目的地识别度，让开车识路更轻松

用户体验 百度地图iOS

「京东」如何通过优化下单流程减少填错寄件地址的几率？

信息呈现 京东 iOS

连警告说明都充满逻辑性的XMind

视觉 XMind 8

2015-03-18 推荐： 3年2班程远 字体排版字体设计

2014-08-29 推荐： 3年2班程远 网页字体网页设计

2014-07-15 推荐： 3年2班程远 字体设计网页字体

2013-12-16 推荐： 3年2班程远 字体设计排版

2013-01-01 推荐： Roc 优设 macmac字体显示方案

优设读报 2019年11月13日 星期三

英文字体

高手都在用的英文字体打包下载

设计法则

用超多易懂的案例帮你学会经典设计法则

设计影片

看完能涨姿势的设计相关影片

表单设计

庖丁解牛般全面剖析表单设计

AR设计

AR 设计可能是距离设计师最近的未来

UX Coffee 专访

谷歌设计师给你带来不一样的设计专访

# 选择权

17篇细节

# 摄影

22篇细节

# 安全感

42篇细节

# 播放器

28篇细节

# 操作可修正

10篇细节

# 全部标签

1042篇细节

优设热门私房课 查看更多

零基础 iPad 手绘课

闫实 优设大课堂人气老师

Q 版头像插画课

周小馋 优设大课堂人气老师

噪点肌理插画速成课

谭伟 Dribbble 首页常驻设计师

15 节 Ai 实战必修课

包大 优优教程网内容总监

商业插画万能配色法

葭葭葭 大厂资深插画师

关于我们

热门频道

设计灵感

支持与服务

优设微博

每天10篇设计干货

360万设计师关注！

优设抖音

优设PS大神

抖音号：UISDCPS

菜单优设网 - UISDC

2018-05-23 推荐：陈子木字体设计排版布局

2017-04-30 推荐：陈子木优秀网页设计字体排版

2017-03-03 推荐： 3年2班程远字体选取经验分享

2017-02-22 推荐： 3年2班程远中文字体日本网站

Dribbble 高手亲授优设 8 年口碑保证

如何从零开始学平面设计训练营

4位明星讲师专为新人定制

2016-07-06 推荐： 3年2班程远排版布局排版设计

2016-04-28 推荐： 3年2班程远 Google 经验分享

2016-04-02 推荐：陈子木排版布局排版设计

2015-11-05 推荐： 3年2班程远 android Android UI

2015-09-25 推荐： 3年2班程远字体字体排版

2015-09-23 推荐： 3年2班程远字体设计经验分享

好功能微博国际版 iOS

用户体验百度地图iOS

信息呈现京东 iOS

2015-03-18 推荐： 3年2班程远字体排版字体设计

2014-08-29 推荐： 3年2班程远网页字体网页设计

2014-07-15 推荐： 3年2班程远字体设计网页字体

2013-12-16 推荐： 3年2班程远字体设计排版

2013-01-01 推荐： Roc 优设 mac mac字体显示方案

优设读报 2019年11月13日星期三

优设热门私房课查看更多

闫实优设大课堂人气老师

周小馋优设大课堂人气老师

包大优优教程网内容总监

葭葭葭大厂资深插画师