`
yuanjianhang
  • 浏览: 110416 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

css可以使用各种字体了!

阅读更多

Google 发布网络字体服务

Google 最近发布网络字体服务,并且这项服务提供 API,让用户非常容易就能够在网页上使用 Google 提供的自定义的字体。

Google 网络字体库

Google 在 Web Font API 发布的同时,也发布一些英文字体,并且所有这些字体都托管在 Google 的服务器上,由于 Google 在世界各地都有服务器,默认就有 CDN 加速的效果,所以这些字体任何地方访问都不会慢,并且 Google 提供的字体是完全免费的,任何个人或者商业机构都可以免费使用。

如何使用 Google 网络字体服务

Google Web Font 使用非常简单,只要在页面的 head 中插入 Google 网络字体服务提供的 stylesheet,然后和其他网页上元素定义字体一样(使用 CSS 的 font-family 这个属性定义即可),就能在网页上使用 Google 提供的字体。并且兼容所有的浏览器,在所有浏览器表现一致,如下所示:

Making the Web Beautiful!

除此之外,Google 还提供一个新的 Javascript 库:WebFont Loader,它可以让你对 Google 网络字体服务有更多的控制,并且还能使用 TypeKit 这个专业的网络字体服务的字体。

但是遗憾的是,Google 网络字体服务并不支持中文,在目前的网络情况下,中文网络字体还不太现实,一个是中文字体相比英文字体大很多,并且大部分优秀的中文字体还是收费。不过 Google 这样的大公司开始支持网络字体服务,经过一些时间和想法的创新,相信中文网络字体也可能会出现。

原文出自:http://fairyfish.net/2010/05/27/google-web-font/

0
0
分享到:
评论

相关推荐

    html css led字体包

    在CSS中,我们可以使用`@font-face`规则来引入自定义字体,如`ds-digi-webfont`系列文件,这样可以在网页上显示这些特殊的字体效果。此外,可能还会包含对文字颜色、背景、边框、阴影等属性的设置,以模拟LED屏幕的...

    CSS 2.0中文使用手册!!!

    **CSS 2.0中文使用手册** CSS,全称Cascading Style Sheets,是一种样式表语言,用于描述HTML或XML(包括SVG、XHTML等)文档的呈现。CSS 2.0是CSS的一个里程碑版本,它在CSS 1.0的基础上进行了扩展,引入了更多高级...

    css使用自定义图标字体

    css实现使用自定义图标字体,像使用字体那样使用图标,可以调整大小和颜色。入门级别源代码。交流文章可以去https://blog.csdn.net/zhaoyang314?spm=1000.2115.3001.5343查看

    CSS免费模板直接用!

    "这个标题意味着我们将获得一系列无需付费就可以使用的CSS模板,这对于初学者或是需要快速创建美观网页的设计师来说是非常实用的资源。 描述中的重复强调“免费的CSS模板”,进一步突出了这些模板的价值,因为通常...

    不错的css+div模板!!!!!

    【CSS+Div模板详解】 CSS(Cascading Style ...这个压缩包中包含的各种类型的CSS+Div模板,可以帮助初学者快速上手,也可以为有经验的开发者提供灵感和参考。学习并熟练掌握这一技能,对于提升网页设计能力至关重要。

    css2.0完全帮助手册!!很好!!很强大

    4. **层叠与继承**:CSS的“层叠”机制决定了哪些样式会应用到元素上,而“继承”则让子元素可以继承父元素的某些样式,如文本颜色和字体大小。 5. **盒模型**:CSS2.0的盒模型包括内容(content)、内边距(padding)...

    CSS纵向拉伸或随意放大缩小字体的宽高比例

    在CSS中,我们无法直接设置字体的高度,但可以通过调整行高(`line-height`)来间接影响字体的高度。`line-height`不仅决定了行与行之间的间距,还能改变单个字符的垂直空间。例如: ```css .text { line-height: ...

    CSS3 字体特效

    CSS3还支持图标字体库,如Font Awesome或Ionicons,它们通过CSS类实现图标显示,可以与文本混合使用,丰富网页元素的表现形式。 8. **多列布局(column-count)** 虽非直接的字体特效,但`column-count`属性可以...

    CSS3服务器字体文件和相关demo

    总之,CSS3服务器字体文件的使用极大地扩展了网页设计的边界,使得网页可以呈现独特的视觉风格。掌握这一技术,你就能创造出更具吸引力和个性化的网页设计。同时,理解相关的性能优化和版权问题也是确保项目顺利进行...

    跨平台CSS中文字体解决方案

    为了实现这样的跨平台兼容性,开发者可以将`zenozeng-fonts.css`引入到自己的项目中,然后在CSS中使用这个库提供的字体列表,例如: ```css body { font-family: 'Zenozeng Fonts', 'Microsoft YaHei', 'PingFang ...

    css3系列教程(嵌入字体网络字体).rar

    这些服务提供了大量的免费和付费字体,只需在页面中引入服务提供的CSS链接,就可以轻松应用各种字体,无需处理字体文件。例如,使用Google Fonts: ```html <link href="https://fonts.googleapis.com/css2?family=...

    css的使用帮助 (里面含有一个详细的使用方法)!!经典!!!!1

    CSS,即层叠样式表(Cascading Style Sheets),是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它能够让你将样式与结构分离,使网页设计更加灵活,易于维护。在这个“css的使用...

    css改变字体的一些网页

    要改变字体,我们可以使用以下主要的字体属性: 1. `font-family`: 定义字体系列,例如`font-family: Arial, sans-serif;`。可以列出多个字体,浏览器会按顺序尝试应用,直到找到用户系统中存在的一个。 2. `font-...

    CSS布局中设置字体文字大小值大于行高值.docx

    在 CSS 布局中,设置字体文字大小值大于行高值是非常重要的,因为它可以避免文字之间的重叠和不完整显示的情况。下面我们将详细解释为什么需要设置字体文字大小值大于行高值,并提供解决方案。 一、问题描述 在 ...

    css3 fontawesome图标字体使用鼠标悬停动画图标字体

    在网页设计领域,CSS3(层叠样式表第三版)为开发者提供了丰富的视觉效果和交互体验,其中之一就是图标字体的使用。Font Awesome是一款广受欢迎的图标库,它将图标以字体的形式提供,允许设计师和开发者通过CSS来...

    CSS 中的自定义字体.docx

    这使得 Web 开发人员可以使用不受系统默认值限制的各种字体。 自定义字体的类型 自定义字体有不同类型,每种都有自己的加载方法: 1. 网络安全字体:这些字体通常预装在大多数设备上,例如 Arial、Times New Roman...

    如何用css设置网页字体

    ### 如何用CSS设置网页字体 在网页设计中,字体的选择和设置往往被忽视,而实际上,字体作为网站内容的主要承载工具,在传达信息和塑造视觉风格方面起着至关重要的作用。利用CSS(层叠样式表),设计师能够更加灵活...

    fonts.css, 跨平台 CSS 中文字体解决方案.zip

    fonts.css, 跨平台 CSS 中文字体解决方案

    css如何去掉h1 h2 h3 h4加粗并统一字体大小.docx

    CSS 中,H1-H4 标题标签默认是加粗的,为了去掉加粗并统一字体大小,我们可以使用 CSS font-weight 和 font-size 样式。下面是详细的知识点解释: 一、 CSS font-weight 样式 font-weight 样式用于设置文本的粗体...

Global site tag (gtag.js) - Google Analytics