我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。面对这种问题,我们通常以下方式来进行设计还原: 使用图片背景还原设计,即使用 photoshop 将文本图层单独导出成网页背景图片。 产生的问题 1.制作与维护成本很高。切图繁琐、高清屏适配繁琐、合并雪碧图更繁琐,后期修改更加繁琐。 2.用户体验差。导致网页不支持选中、复制、搜索、翻译、矢量缩放,也会影响视障用户使用读屏器操作网页。 3.带来更多带宽消耗。导
很多小伙伴把字库的字体商用也是常有的,可能是没有版权意识,也可能是抱有侥幸心理,如果造成巨大经济损失,往往得不偿失。
点击关注公众号,Java干货及时送达 出品 | OSC开源社区(ID:oschina2013) 在百花齐放的开源世界中,开源字体属于较为小众的一个分支。不过往往越是小众的领域,反而会诞生出更多惊艳的作品。本文将为大家介绍开源字体中或颇具特色,或制作精美,或独具匠心,或有深厚历史背景的作品。 1、JetBrains Mono 许可证:SIL Open Font License 1.1 官网:https://www.jetbrains.com/lp/mono/ 开发商:JetBrains JetBrains
今年因特殊原因,有一些小伙伴想着在年后跳槽找一份好工作,而恰恰无法预料到会发生这样的事情,所以导致失业甚至只能在原单位忍受着了。
出品 | OSC开源社区(ID:oschina2013) 在百花齐放的开源世界中,开源字体属于较为小众的一个分支。不过往往越是小众的领域,反而会诞生出更多惊艳的作品。本文将为大家介绍开源字体中或颇具特色,或制作精美,或独具匠心,或有深厚历史背景的作品。 1、JetBrains Mono 许可证:SIL Open Font License 1.1 官网:https://www.jetbrains.com/lp/mono/ 开发商:JetBrains JetBrains Mono 是 JetBrains 公司专
在开发 webapp 时,发现在 android 端的中文会莫名其妙的向上偏移。为了解决这个问题,尝试了很多方法,最后使用以下解决方案。
话说上次发了篇危言耸听的“WebFont 三宗罪”系列之一,今日来讲三宗罪之二:吹毛求疵的WebFont 渲染差异。为什么用上“吹毛求疵”这个修饰词呢?因为Jeff “钻研”了一番发现没有必要过于纠结于文字渲染差异这些。 在写这篇文章之前,我就感到头大了——WebFont 的文字渲染其实跟本地文字的渲染是同一原理,但对于文字渲染,虽然在过去看过N 多的文章,但让我总结一下我基本上是啥都说不出。那些如TrueType、OpenType、ClearType 等名词看后必忘,什么Windows 系统渲染方式跟Ma
此外,对ggplot 中的字体进行一些设置,但这个family 特有限的,比如Times, Arial 这些比较标准的字体:
该属性的值是一个字体系列,每个值使用逗号隔开,如果字体名名称包含空格,那么字体名称必须使用引号包裹,设置的字体是否可用取决于用户机器上该字体是否可用
其中@font-face相当于创建一个字体族,然后下边body部分是在应用字体族,那个名字其实就是在前边创建的字体的名字。 通过在网络上的查找,我首先选择使用的是Robot字体,这个字体族写的英文字体相当漂亮:
对于中文书籍来说,宋体一直是正文印刷的标准字体,而不是目前电子显示屏上普遍的黑体,因为宋体的衬线更适合长时间阅读。
下列字体均为免费可商用字体。大家最关心的可能是哪些字体可心免费使用, 却很少有人关注这些字体的出身。不过为了尊重字体作者,有出身的字体我会把每个字体的出处写明,供大家学习。 黑体类: 思源黑体 出身:
就在昨天,一次偶然,我打开了 Google Fonts 的网站,眼前一亮!惊奇地发现了被英文字母包围的汉字!什么?Google Fonts 居然支持汉字了!?是的,查阅相关资料后,根据国外的这个网站上的两篇文章:
有很多时候,Wordpress 的字体不能让我们满意,这个时候我们就可以通过一些方法来修改主题的默认字体,来达到我们想要的效果。
日常开发网页经常会使用一些特殊字体,比如思源黑体、苹方字体等,因为这些字体在一般的宿主环境中是不存在的,需要通过 css 的 @font-face 定义,并从服务器中加载对应的字体文件,而字体文件一般都是比较大的,甚至有时候一个字体比其他所有的资源(js、css、图片)加起来还要大,对网页的加载性能起到非常关键的影响,因此有必要对字体进行一些优化。 本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧。
matplotlib 在画图例的时候不可避免的需要使用中文字体,但是有的时候电脑自带的字体不能渲染中文,这就需要我们自己解决字体问题。
AnkiLink 完全实现,必须依赖有块级别 ID 绑定的编辑器。目前来看,思源笔记天然具有这个优势。
采用 pygame 写的象棋程序,目前只完成绘制棋盘与走动棋子,还没考虑规则等问题。
众所周知,相对于英文字体,中文字体天生是“庞然大物”。英文字体两三百KB已经很大了,而中文字体几MB十几MB都算小的。一方面,中文字体包含的字形数量极多,动辄数以千计甚至万计,而英文字体则只需包含几十个基本字符和符号,哪怕支持多种语言及字符变体,容量达到三千多个字形已经算非常庞大的了。另一方面,中文字形的曲折变化复杂度高,在基于轮廓的矢量字体设计中,用于控制中文字形曲线的控制点普遍比英文更多,因而需要的数据量更大,也会导致字体文件膨胀。
最近正在重做公众号相关的一些设计以及排版,想到年前部门里的UI设计大神做了一个关于“PPT设计指南”的分享,正好可以拿来实践一把。
当前,我们选择的字体为 Open Sans,这个字体是 Google 的字体,但是这个字体不能支持简体中文,也不能支持 CJK。
我们时常会遇到需要在Mac中使用Window应用的状况,比如一些电商平台的打单软件可能只有Windows版本。借助系统兼容工具CrossOver,则可以便捷地在Mac中跨系统使用Windows系统下的应用和文件。小编这里汇总了CrossOver Mac安装失败,CrossOver Mac乱码等软件下载常见问题解决方案,帮大家快速入门CrossOver的使用。
又一个编程语言火了,不算新,因为它已经开发了一段时间。不过在本周 Hacker News 上风头十足,DreamBerd 除了有点意思的改 ; 分隔符为 !,之外,它还能让你用问号来标注一段你也不确定的代码。当然它整体的代码阅读性也不错。
最近几天啊, 我在浏览博客的时候,发现一个新的笔记软件,根据介绍我觉得还不错,今天就特意来亲手体验下。
最近有一个朋友,拿着包装的简历去到了公司干货,虽然不是一个大厂,但是也领到了自己人生中第一个需求,虽然说这个需求我看起来不是很难,但是对于我朋友那种自学转行的人来说还是有一定难度的,这个需求我们来看看是什么需求把,其实也很简单:利用java代码根据文字生成随机浅色背景的图片,而且字体也要可变换。
在编程时,用一个你喜欢的字体可以大大提高效率,越看越舒服。这篇文章就推荐 5 个在 GitHub 上优秀的字体供大家选择吧!
font-family: PingFangSC-Regular, PingFang SC; 如上设置,答案是没有一点效果的。 因为真机调试的时候,手机是不带PingFang 字体的。
静电说:很多时候,我们可以把UI设计简化为版式设计,也可以这么说,如果你掌握了版式设计的技巧,那么UI设计水平必然不会太差。所以,对于初阶UI设计师来说,版式设计必须做到八十甚至九十分的水准,才能算合格。而版式设计不涉及太多图形要素,大部分是文字大小,排列,对齐,颜色等等的设计。相对来说会好学不少,上手难度也不太高,因此,各位千万要重视版式设计的重要性。那么就来看看作者Omar Chelbat的一些小技巧吧!
1. 首先要是等宽字体,也就是不同字母所占的屏幕宽度是一样的。这样代码看起来更整齐,尤其对于Python这种以缩进划分代码逻辑的语言来说更为重要。
上图中的两个动画,一个文字直接变粗,一个渐渐变粗,我觉得后者会更有趣。但普通的字体可达不到这种效果,例如微软雅黑,无论怎么调整它的 FontWeight,实际上它也只有三种粗细:
六月,毕业季开启。学子们纷纷作别校园,走向社会,向 HR 们递上人生第一份简历。
本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0)
SSH客户端是在管理和配置Linux服务器用到很多的软件了,一款好的SSH管理软件不但可以让你更好地执行Linux命令,对于工作效率的提升也是非常明显,在本文中我们就来介绍几款非常好用的SSH客户端软件
字体是设计中必不可少的组成部分,在恰当的地方正确的使用字体会大幅提升整体设计感与阅读体验,包括实际应用中的字体设计,网页、平面LOGO设计中都处于均广泛使用的状态,在基础字体中就包括了 衬线字体 和 无衬线字体(艺术设计字体暂时不谈)然后这里简单讨论下这两种字体的基本区别以及分别适用的场景等。
时代总是在螺旋式地发展变化中,设计潮流也是如此。随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。从平面设计引申过来的技巧在这时起到了画龙点睛的作用:一些细节上的处理,为移动产品的界面大大地提升了品牌逼格。 例如以设计精美著称的Yahoo的两款明星App产品Yahoo Weather!和Yahoo Digest。除了在产品设计上的极致和突出表现外,模糊和斜切的手法,给整个产品的品牌气质提升到了一个新的高度。 Yahoo Weat
用caniuse查看text-stroke兼容性的时候,发现了一件令我震惊的事情,最新版的Firefox以及Edge已经支持text-stroke描边属性了,并且全部都是采用-webkit-私有前缀。
如何写出一份排版整洁、结构清晰的个人简历,可谓是大多数人在面试求职过程中必须思考的诸多问题之一。
最近在使用部分腾讯轻量云服务器用来测试小程序后台,看了提供了不少系统镜像,正好体验下。这里选择windows server系统,腾讯提供基于操作系统的镜像,如果选择windows server的话,轻量服务器提供了2012-2022的镜像。但是这里需要特别提醒下:
Hexo 是一款基于 Node.js 的静态博客生成器。有别于传统的 WordPress、Typecho 等由服务端渲染的动态博客程序,Hexo 可以遍历博客的各个页面,将博客文章等内容渲染到主题(即页面模板)之中,生成全部页面的 HTML 文件及其引用的 CSS、JS 等静态资源。这些静态资源文件常常通过托管到 Pages、托管到对象存储或者自建 Nginx 服务器的方式来对外提供访问。
昨天,有一位读者私信我说自己在阅读源码的时候,发现了一个新的语法,问我这是咋回事,
报表设计的目的是利用各类图表组件,来呈现不同维度的数据,让数据直观美观的展示出来,并通过数据挖掘数据背后的价值。
这两天刚认识Hexo博客系统,人就像着了魔一样,跟当年倒腾WordPress博客一样,每天想着怎么能让自己的博客更好看、更实用、更有人气。
假期也结束了,又回到了工作岗位上,今天我将PPT设计所用的素材网站,进行了汇集,写成文章方便大家在制作PPT的时候用到,并且我也做了一个导航站点,加班狗导航:pptdx.cn 将文中所有写到的网站都放到了导航里面。
点评:摩托罗拉的新logo如果是这样的话很挺不错。但是那个M标志好像个翅膀,而且翅膀的线条稍显不平滑了。
Vercel 官方有提供 @vercel/og 这个包,可以生成 OG Image(The Open Graph protocol),有直接可用的 API https://og-playground.vercel.app 调用方式为:https://og-image.vercel.app/eallion.png 但是有个很大的问题,不支持中文。再加上「得意黑」字体当时刚发布,很适合做标题,我就利用 @vercel/og 糊了一个 Next.js 的应用,部署到 Vercel,调用方式为:https://og.eallion.com/api/og?title=蜗牛 后来换成「思源宋体」了。不过如前文说所,我现在已经手动生成 OG Image 了,毕竟年更博客。
静电说:换设备对设计师小伙伴们最大的考验,不是项目文件、资源素材的复制和转移,而是你必须重新安装一遍所有的字体文件。
1、修改配置文件 ~/.config/fcitx5/conf/classicui.conf
总之,每一种字体都会体现出一定的设计理念。选用恰当的字体,会让整个页面看起来更加和谐,而字体使用不当,则会让页面看起来很奇怪。
领取专属 10元无门槛券
手把手带您无忧上云