sans

Serif和Sans-serif字体的区别

坚强是说给别人听的谎言 提交于 2020-02-26 04:04:39
转自: serif和sans-serif字体的区别  Serif和Sans-serif字体的区别 在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和Serif,打字机体虽然也属于Sans Serif,但由于是等宽字体,所以另外独立出Monospace这一种类,例如在Web中,表示代码时常常要使用等宽字体。   Serif的意思是,在字的笔划开始及结束的地方有额外的装饰,而且笔划的粗细会因直横的不同而有不同。相反的,Sans Serif则没有这些额外的装饰,笔划粗细大致差不多。如下图:   可以看出,我们平时所用的Georgia、Times New Roman等就属于Serif字体,而Arial、Tahoma、Verdana等则属于Sans Serif字体。对中文而言,同样存在这两大种类,很明显,宋体、细明体(繁体中常用)等就属于Serif,而黑体、幼圆等则属于Sans Serif。   Serif和Sans Serif的一般比较:   ①Serif的字体容易辨认,因此易读性较高。反之Sans Serif则较醒目,但在行文阅读的情况下,Sans Serif容易造成字母辨认的困扰,常会有来回重读及上下行错乱的情形。   ②Serif强调了字母笔划的开始及结束,因此较易前后连续性的辨识。   ③Serif强调一个word,而非单一的字母,反之Sans

typora修改字体

寵の児 提交于 2020-02-05 19:10:20
文件-->偏好设置-->>外观-->>打开主题文件夹 找到你正在用的主题css,比如我使用主题的是night(在软件菜单栏的主题选项查看你正在使用的主题) 以night主题为例 打开night.css, ctrl+f 搜索 font-family 将你要添加的字体添加到 font-family 后,比如我修改为 Noto Sans S Chinese ,就添加 'Noto Sans S Chinese' 注意一定要带上 '' 我修改后的部分文本 textarea { font-family: 'Noto Sans S Chinese',"Helvetica Neue", Helvetica, Arial, sans-serif; } h6 { font-family: 'Noto Sans S Chinese',"Lucida Grande", "Corbel", sans-serif; } 最后保存退出就ok 我修改后的结果 附上我的字体下载地址 链接: https://pan.baidu.com/s/1irPm4mvDSYp-IVNpO7O2eg 密码: 7rdv 来源: https://www.cnblogs.com/INnoVationv2/p/12264738.html

关闭WordPress自动加载的Open Sans字体-WP访问过慢原因

不想你离开。 提交于 2019-12-31 04:58:13
序言 wordpress大概从wp-3.8开始会自动加载Open Sans字体,并引用Google上面的CSS样式。而最近谷歌经常打不开,导致网站访问速度过慢,严重的会拖慢几十秒。Open Sans字体主要用于WP站点管理员登陆后顶部功能条的字体样式,而对于国内用户来说,Google会出现经常打不开或者访问速度过慢的情况,所以会拖延站点的打开速度。当然,如果没有登录后台直接访问站点,不会出现加载字体的问题。 通过观察代码可以看到,WP是这样加载字体的,在script-loader.php(wp-3.9)的580行代码进行加载。 1 2 3 < link rel = "stylesheet" id = "open-sans-css" href = "//fonts.googleapis.com/css? family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600& subset=latin%2Clatin-ext&ver=3.9.1" type = "text/css" media = "all" > 那该怎么去掉呢?方法主要有4个:插件过滤、functions.php过滤、一键替换程序代码、GoAgent翻墙 一、插件过滤 简介 为此有专门的插件来去除字体加载。此方法在前台和后台均有效。 1. 插件一

Java字体优化

别等时光非礼了梦想. 提交于 2019-12-29 17:15:59
需求背景 最近在做的项目显示的字体感觉太丑,于是乎想着 DIY 改进一下。 查阅资料,总觉得别人写的都不咋地,于是决心写一篇略微完善点的关于项目字体优化方面的文章。 当然,这篇文章不会教你如何使用 TrueType 去创建属于你自己的字体,而是使用现成的字体库。 读取、使用系统字体回顾 读取系统字体的 字体名 及 字体数量 方法1: 使用GraphicsEnvironment类 获取所有字体的 family 名 package com.forget406.study; import java.awt.GraphicsEnvironment; public class CustomeFontReading { public static void main(String[] args) { String[] fonts = GraphicsEnvironment // GraphicsEnvironment(抽象类) 图形环境类 .getLocalGraphicsEnvironment() // 获取本地图形环境 .getAvailableFontFamilyNames(); // 获取可用字体family名 int fontCount = 0; // 字体数统计 for(String font : fonts) { fontCount ++; System.out.println

如何优雅的选择字体(font-family)

孤者浪人 提交于 2019-12-07 08:53:06
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一、首先我们看看各平台的默认字体情况 1、Window下: ·宋体(SimSun):Win下大部分游览器的默认字体, 宋体 在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。 ·微软雅黑("Microsoft Yahei"):从 Vista 开始,微软提供了这款新的字体,一款无衬线的黑体类字体,并且拥有 Regular 、 Bold 两种粗细的字重,显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始, 微软雅黑 又加入了 Light 这款更细的字重,对于喜欢细字体的设计、开发人员又多了一个新的选择。 ·Arial:Win平台上默认的无衬线西文字体(为什么要说英文字体后面会解释),有多种变体,显示效果一般。 ·Tahoma:十分常见的无衬线字体,被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型,显示效果比 Arial 要好。 ·Verdana:无衬线字体,优点在于它在小字上仍结构清晰端整、阅读辨识容易。

Google Web Fonts and PDF generation from HTML with wkhtmltopdf

匿名 (未验证) 提交于 2019-12-03 08:48:34
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am using wkhtmltopdf to convert HTML files in PDF format; it gives surprisingly good results, rendering the PDF exactly as WebKit would do. I am using Google Web Fonts to give users the possibility to customize the appearence of the document they edited, offering them the possibility to choose between a few fonts. It also works perfectly in a browser . Problem is, I don't get the Google Fonts working when converting such HTML files to PDF with wkhtmltopdf. I read other people had the same issue . Could anyone please help me fixing this?

Preloading fonts in Chrome with &#039;preload&#039; link directive

匿名 (未验证) 提交于 2019-12-03 08:41:19
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: The preload directive is not performing in Chrome as expected. Below is a full HTML page that may be opened in Chrome for results comparison. It should be applying all 5 fonts; instead, it only applies the first preloaded font, makes a faux italic for what should be the second, and simply substitutes the default serif for the remaining 3. Additionally, in the developer's console, this message appears--after about 3 seconds--for each of the five fonts: The resource [URL] was preloaded using link preload but not used within a few seconds from

Font Family Open Sans not being used

匿名 (未验证) 提交于 2019-12-03 02:50:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am using Google's Open Sans Font in my application. I have defined the stylesheet as instructed: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> I then used it on the body selector as: body { font-family: 'Open Sans', sans-serif; } I have not defined font family anywhere else. I assume that since I have defined it at the parent, the child elements will automatically inherit it. However, if I open up the inspector for say an anchor tag in my application and see the computed styles

Open Sans Google Web Fonts Rendering in Chrome

匿名 (未验证) 提交于 2019-12-03 02:00:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I've noticed a significant difference in rending of Open Sans (Google Web Font) from Chrome, to Safari/Firefox. I attach two photos, the first being chrome and the second safari. All I have in the stylesheet is: font-family: 'Open Sans', sans-serif; font-size:14px; Hope you can help, as I really like the chrome (first image) rendering but HATE the other one!! 回答1: I've had luck in the past using font-weight: lighter!important; on fonts that appear bolder and completely different than what they are intended to look like. Each browser

text-align: justify; not working with wkhtmltopdf

匿名 (未验证) 提交于 2019-12-03 00:56:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: Good day! I'm creates PDF docs from HTML using wkhtmltopdf library. I used svg font according to this issue wkhtmltopdf custom font letter spacing I used custom font, added it by @font-face. All works fine for me, except one thing: text-align: justify is not working for some reason. In html text is aligned as expected, but not in PDF. Is anyone know how to fix this issue? UPD : Added CSS and HTML example <style type="text/css"> @font-face{ font-family:'source_sans_prolight'; src: url('/font/sourcesanspro-light-webfont.svg') format('svg');