当前位置:首页 » 网页前端 » web中文字体
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web中文字体

发布时间: 2022-01-14 10:27:07

1. web网页如何使用特殊字体

需要将特殊字体下载下来,放到网站目录中,然后在css样式表中引入字体
一般的特殊字体文件是.ttf、.eot、.svg结尾的
比如glyphicons-halflings-regular.ttf
然后在css样式表中引入字体
@font-face {
font-family: 'Glyphicons Halflings'; /*字体的名字*/
src: url('glyphicons-halflings-regular.ttf') format('truetype'); /*字体文件的路径*/
}
在样式表中定义特殊字体的名字和符号对应,比如
.glyphicon-plus {
content: "\2b";
}
在页面上显示,可以写<i class="glyphicon-plus"></i>就可以了
通常特殊字体文件和css是配套的,不然自己去写名字和符号的对应太麻烦

2. 手机web字体css怎么设置微软雅黑

{font-family:"微软雅黑";}或者{font-family:"Microsoft Yahei";}
如果在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误,

为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。

使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。

unicode编码的微软雅黑表示如下:
{font-family: "5FAE8F6F96C59ED1"}

3. Web页面的字体有哪些

是这样的,手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示。ico的话可以使用字体图标,现在大部分手机浏览器都支持html5和css3的。

4. web font怎么使用中文网页字体

1、在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。
浏览器中展示网页文字内容时,文字字体都会按照设计师在css中定义的字体族的顺序来进行显示。什么是字体族?字体族就是你在css代码中看到“font-family”的代码内的一类字体名称,例如下面这行代码:
font-family:"Comic Sans MS","幼圆","黑体",sans-serif;

按照W3C标准,浏览器在解析一行代码时首先会在系统中查找Comic Sans MS字体,如果系统内存在这个字体那么浏览器就会使用Comic Sans MS字体,如果没有的话就接着查找幼圆字体,以此类推直到浏览器可以表达系统存在的字体为止。
注意了,“sans-serif”不是某个字体的名称,而是一种在前面叙述的字体都无效时而最终选用的字体,称为浏览器通用字体,它取决于你所用的浏览器默认的通用字体是什么,可能是“Arial”,也有可能是“Helvetica”。
2、网页常用字体通常分为5类:serif(衬线)、sans-serif(无衬线)、monospace(等宽)、fantasy(梦幻)、cuisive(草体),这些通用的名称允许用户代理从相应集合中选择一款字体。
serif 字体在字符笔画末端有叫做衬线的小细节,这些细节在大写字母中特别明显。
sans-serif 字体在字符笔画末端没有任何细节,与serif字体相比,他们的外形更简单。
monospace 字体,每个字母的宽度相等,通常用于计算机相关书籍中排版代码块。
fantasy 和 cuisive 字体在浏览器中不常用,在各个浏览器中有明显的差异。
3、网页常用字体
Sans-serif:
Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。
Arial: Helvetica的“克隆”,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常
Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。
Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。
Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。
Serif:
Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。
Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。
中文:
宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。
微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。
华文细黑:Mac下的默认中文。
4、写个小demo,在各种浏览上测试了一下,各种浏览器对这个字体的解析还是有差异的。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>font</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="author" content="@my_programmer">
<style type="text/css">
/*重置{*/
*{ padding:0;margin:0;} img{border:0;} li{list-style:none;}
/*}重置*/
div{font-size:1.2em;}
</style>
</head>
<body>
<br/>
--网页字体通常分为5类--
<div style="font-family: sans-serif;">你好 hello world sans-serif(无衬线) </div>
<div style="font-family: serif;">你好 hello world serif(衬线) </div>
<div style="font-family: monospace;">你好 hello world monospace(等宽) </div>
<div style="font-family: fantasy;">你好 hello world fantasy(梦幻) </div>
<div style="font-family: cuisive;">你好 hello world cuisive(草体) </div>
<br/>
--无衬线类--
<div style="font-family: Helvetica, sans-serif;">你好 hello world Helvetica </div>
<div style="font-family: Arial, sans-serif;">你好 hello world Arial </div>
<div style="font-family: 'Lucida Grande', sans-serif;">你好 hello world Lucida Grande </div>
<div style="font-family: Verdana,sans-serif;">你好 hello world Verdana </div>
<div style="font-family: Tahoma, sans-serif;">你好 hello world Tahoma </div>
<div style="font-family: 'Trebuchet MS', sans-serif;">你好 hello world Trebuchet MS </div>
<br/>
--衬线类--
<div style="font-family: Georgia, serif;">你好 hello world Georgia </div>
<div style="font-family: Times, serif;">你好 hello world Times </div>
<br/>
--中文字体--
<div style="font-family: 宋体">你好 hello world 宋体 </div>
<div style="font-family: 微软雅黑">你好 hello world 微软雅黑 </div>
<div style="font-family: 华文细黑">你好 hello world 华文细黑 </div>
<div style="font-family: 黑体">你好 hello world 黑体 </div>

</body>
</html>

5. 一般网站默认是什么中文字体和英文字体

无衬线的 Helvetica、Arial、Verdana,和衬线的 Georgia、Times 是比较常见的。
通常英文 Web 字体来自微软的 Web Core Fonts,其中包含 Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS 和 Verdana。这些字体在几乎所有 1996 年后的操作系统中都免费捆绑。至于中文的选择就非常少了,基本上是自带 Windows 字体(宋体、微软雅黑、微软正黑),或者不特别定义中文字体,直接使用浏览器 fallback。

6. Web中文本和字体有什么区别吗 CSS里一直在提文本属性和字体属性,我实在不明白他们之间的区别

可以这样理解,

文本就是某个元素里的文本内容比如:
文本属性就是指,字间距,字颜色,字大小,等这些属性。

<div>这里就是文本内容</div>

而字体属性,就是指,文本用了某个字体后,这些属性:

比如:font-family:微软雅黑

7. web平面设计中常用那些中文字体

中文:宋体 微软雅黑英文/数字:Tahoma,Verdana,Arial从不用别的。

8. 如何把中文字体转成 web font

1、目前还没有专门的工具能生成所有web所需格式。
2、PS里的路径虽然是矢量的,但PS本身是点阵图工具,导成高分辨率的jpg是最好的方式,如果你不想在转换成失去精度,可以用FontCreator里面的工具来调整矢量轮廓(在空白处双击就能到锚点模式,锚点工具很方便的)。
或者用AI或coreldraw将矢量图设计好,然后导入另一个字体工具“fontographer”中,这个工具可以将矢量锚点原版的保留下来。然后再生成

9. 中文字体有类似googlefonts这样的网站么

动态页面应该可以选择的服务不多,我没需求所以暂时没有了解。这方面的东西应该也只有 CJK 的公司会去做……毕竟其他语言没有类似需求。Google Font 等等都没有动态页面的中文字体使用经验。另外就是如果有公司愿意做动态页面的 Web Font 首先得买下一些字体的版权,或者合作,这得看那几家厂愿意不愿意了。我个人是用 Font Spider 压缩思源黑体做静态页面的……其实我觉得让系统预装类似思源黑体等免费的优秀的字体是第一步,慢慢来。

多少用户知道如何使用字体,如何分辨字体,何况选择一直都不多。