首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

字体设计|从历史中汲取字体设计的方法

字体的负空间减小,视觉面积加重,产生一种压迫感,常用于需要聚焦视觉重心的标题字设计中: 图片来源于网络 字体笔画的借鉴则可以通过给字体增加笔触来增加设计的美感。...设计师通过灵活地调整结构可以快速地改变字体的气质。 其中关于结构的借鉴,亦可以细分出两种方向。第一种是字体结构比例的借鉴: 如瘦高的小篆,因中宫内缩,字面修长,给人一种文艺轻灵的感觉。...新手也可以通过参考系统中自带的黑体,来调整字体内部的笔画关系: 字体效果: 在现代黑体的基础上,融入小篆的结构特点,使字形曲直有度,温润自然,适用于女性、新中式的视觉风格。...中宫外扩,形成了礼博大气象 2.2 案例演示:笔触的几何化 ① 隶书笔画的几何化提炼,以横笔为例:使用干净利落的几何线条来模拟隶书横笔的弯曲走势,在保留笔法特征的同时,使其更复合现代的审美。...③ 根据书写的连贯性和笔画走向,在基础字体的上增加不同程度的书写细节,并在尝试的过程中不断地平衡可视性和书写感: ④ 字型的应用: 结语 作为传承五千多年的古老文化,中华文字独有的构成形态和字体细节让我们的字体历史中蕴含着无穷的设计灵感

1.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    网络字体@font-face 如何处理网页中的特殊字体

    作为前端开发的人员都知道,在自己电脑上安装字体查看网页没有什么作用,因为网页会上传到服务器,访问网站的用户电脑上不一定会有这种字体,除非在客户端安装这个字体,才能保证每个用户网页中能够正常显示。...在CSS2.0 规范中有一个东西,@font-face(IE4.0就存在),后来在 CSS2.1 草案中又被删掉。后来又被纳入到CSS3草案当中。...format是用于提示该资源 URL 所引用的字体格式,如果浏览器在本地没有找到这种字体,那么会将url中设置的字体加载到页面当中。设置自定义网络字体,必须设置src以及font-family。...基本的操作步骤为: 1)打开 font creator ,导入想精简的字库文件(字体在控制面板中可以找到,复制一份到桌面即可) 2)获取文字的unicode码。...4)新建一个字体库,并把多余的字删掉,之后在空白处点击右键选择添加,生成一个空白的字体存放单元,ctrl+c完整字库中需要添加的汉字,选择新字库中新建的空白字体存放单元,ctrl + v粘贴,覆盖即可

    7K50

    iOS在应用中添加自定义字体 原

    iOS在应用中添加自定义字体 一、在应用中添加自定义字体的步骤 1、网上提供的字体库有很多,下载完成后,将其导入工程中,一般为ttf格式。...2、注意Build Phases中的Copy Bundle Resources中是否导入了文件: ? 3、在项目的info.plist文件中添加字体键值如下: ?...这个数组中可以添加多个元素,多个字体库。...4、这时实际上我们已经将字体添加进了工程中,但是在在使用这个字体时,字体的名字有时和文件名是不一样的,我们需要知道真实的字体名称,通常情况下,我们会讲所有字体名称打印出来:     for (NSString...为了在以后使用自定义字体的时候不必一次一次的经历这样的痛苦,在Xcode6.3的环境下,我将所有的系统字体获取后写入了plist文件,将这个plist文件导入项目中,通过如下方法,可以只打印出新增加的字体

    1.8K20

    字体设计中的“连字”ligature

    作者:苏子岳 或者叫“为什么PDF里拷出来的有些字会消失”, “为什么有些字体里“fi”可以连在一起”, “Fira Code是怎么做到连体符号的” ligature ligature,维基百科中文页中叫...正如字面意义上,连字就是连在一起的字,比如中文的连字是这样的: 俗话说,见字如见人。 有的专家根据特总的签名, 分析说他的狂放就如同他那一横一样不羁…… 在拉丁语系中,很多时候会用到连字这一特性。 ...比如说德语的字母 ß 最开始其实是 ss, ="en.wikipedia.org/wiki/T">拉丁字母中的 W 最开始的时候是 VV, 两个 V…, 非常神奇。...而我们熟悉的音标里的 æ 这个字母, 看起来很像连字,但其实不是连字, æ 是古英语等一系列语系里真实用到的字母。 fi与印刷体 在活字印刷盛行的时候, 人们都是用字模来印文章的。...电脑字体里的 ligature 虽然说电脑字体不会有印刷字体所有的物理限制, 但有些字体的 fi 还依然保留了 ligature 的这一特性。

    1.9K20

    CSS中字体相关的小技巧

    让我们仔细看看规范: 开发者使用的字体名如果与用户使用环境中已有的某个字体名字相同,在使用样式表的文档中会有效覆盖底层字体。...这使得网页开发者可以自由的选择字体名称,而毋庸担心与给定用户环境中存在的字体名产生冲突。 规范中如此定义是因为选择出与每个用户环境不产生冲突的名字这件事想想就十分可怕!...在菜单栏中,选择 View➡ShowFontInfo后,右侧的面板中会显示该字体的PostScript名称及完整名称。 ?...因此如果你看到了 fantasy字体,说明重命名没有生效。在苹果的产品中(San Francisco应当是可用的)fantasy 会被渲染为Papyrus。...最后一步,简化代码 结合以上测试用例,完成一个简化版本的San Francisco重命名例子,使其可以在Chrome,Safari桌面端和移动端,Firefox中正常工作。

    1.3K40

    推荐几款连字字体,在代码编辑器中启用连字字体(Visual Studio Code)

    启用转为编程设计的连字字体,可以给你的变成带来不一样的体验。 ---- 连字字体 微软随 Windows Terminal 设计了一款新的字体 Cascadia Code,而这是一款连字字体。...你可以看到,在 Windows Terminal 的终端中,=> == !...= 符号显示成了更容易理解的连字符号: 在 Cascadia Code 发布之前,Fira Code 是一款特别火的连字字体,下面是 Fira Code 连字字体在 Visual Studio Code...在编辑器中启用 在 Visual Studio Code 中启用 在 Visual Studio Code 中启用连字字体需要用到两个选项: 1 2 "editor.fontFamily": "Fira...下面是我的设置的部分截图: 在 Visual Studio 或其他 Windows 系统自带软件中启用 只需要将字体设置成 Fira Code 即可。

    2.9K30

    在 Windows 上拥有舒适的码字体验

    Laverna 主打强调的亮点之一就是加密功能(文档数据支持存储在私人的 Remote Storage)和支持 Dropbox 同步,目前支持 Windows、macOS、Linux,最新版本会率先发布在...用户可以在个人 Dropbox 账号中心里创建 My Apps 获取 API KEY,再通过 Laverna 设置选项中的同步功能方便地实现文档数据云同步; Remote Storage 存储协议。...所有的笔记数据均保存在印象笔记中,其本身是的并不存储用户的任何笔记数据。...在创建文档中,我们依然能够看到看云不少的亮点,比如支持外部导入 CHM、EPUB格式的文件,文档自动生成 Git 版本控制,文档自定义独立域名绑定,全屏编辑文档; Git 版本控制。...为知另外提供了剪藏插件,以及针对不同的浏览器的插件版本,经测试,在剪藏微信文章、网页内容上都可以输出派邦相当规则的内容; 轻量化的文本编辑。

    3.4K20

    容器应用中的字体样式怎么查看?

    更换完后,联通再在后台恢复用户的网络。只能说牛! Apache APISIX 3.7.0版本已经发布,带来了一系列新功能、Bug 修复和相关用户体验优化。快去体验一下!...如何查看k8s中pod所用的字体样式? 作为一位k8s操作手,这个过程需要我们深入Pod的内部环境,利用Linux系统的工具进行探查。...第三步:列出Pod中的字体 现在已经处于Pod的内部,可以使用fc-list命令来列出所有安装的字体。...DejaVu系列字体是开源字体,常用于Linux和其他操作系统中。它们是DejaVu字体家族的一部分,提供了一系列字体风格和变体,包括正常、粗体、斜体等。...第四步:完成检查和退出 在完成字体的检查后,就像离开服务器前注销用户一样,我们通过输入exit命令安全退出Pod: exit 要注意的是,这些操作需要Pod具有足够的权限,而且你的容器镜像中需要包含相关的工具

    40910

    React中,在styled-components基础上使用iconfont字体图标

    styled-components官网 巧妇难为无米之炊,先准备米: 从iconfont官网选取图标 添加购物车 在购物车添加项目 项目中生成代码 下载代码包到本地 这套流程应该娴熟到不用看上边的文案...重点来了, 怎么在style-components中使用iconfont: 提取下载的字体文件到项目的src>assets>fonts文件夹中(当然可以根据你的项目决定其他的路径) ?...提取iconfont.css代码到全局style.js文件中的GlobalStyled的createGlobalStyle``中,用于全局通用。...36 ` 踩坑: 代码中,第33行这种地方,是需要修改原来的iconfont.css代码的。...这里因为createGlobalStyle``里边是js的字符串,所以字体图标的类似 .icon-sousuo:before {   content: "\e639"; } 得将"\"转义下,改成 .

    3.7K30

    Overleaf中设置表格中的字体为Times New Roman

    在Overleaf中设置表格中的字体为Times New Roman需要有这个字体包 使用 `\usepackage{times}` 宏包- 在文档的导言区添加 `\usepackage{times}`...宏包,这将把整个文档的字体设置为Times New Roman,包括表格中的字体。...- 如果只想将表格中的字体设置为Times New Roman,而不影响文档其他部分的字体,可以在表格环境前添加相应的字体设置命令。...,在使用 `\fontfamily{ptm}\selectfont` 方法时,如果表格中还需要使用其他字体设置命令,如加粗、斜体等,可能需要进一步调整和组合使用这些命令,以达到预期的字体效果。...通过以上方法,你可以在Overleaf中根据自己的需求设置表格中的字体为Times New Roman。同时,不同的方法可能适用于不同的LaTeX编译引擎和文档场景,需要根据具体情况进行选择和调整。

    25211
    领券