当前位置:  编程技术>WEB前端

网页使用Google Font API(字体)的方法

    来源: 互联网  发布时间:2014-10-04

    本文导语:  在网页设计里,字体的显示是个问题。最普遍用的是宋体,但是宋体在 Win 7 下的表现真的很难看。雅黑端庄一些,但是随着字体大小,感觉汉字的大小也会有区别。小站现在用的字体是是宋体 + Arial/Georgia,因为习惯了也没多...

在网页设计里,字体的显示是个问题。最普遍用的是宋体,但是宋体在 Win 7 下的表现真的很难看。雅黑端庄一些,但是随着字体大小,感觉汉字的大小也会有区别。小站现在用的字体是是宋体 + Arial/Georgia,因为习惯了也没多在意,其实对于英文字体有其它更好的选择。
比如 Bitter 字体,用来做标题倒是不错:
代码如下:

Welcome To NowaMagic.net


CSS 怎么调用 Bitter 字体?
代码如下:

@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

其实,这是 Google 推出的Google Font Directory和Google Font API两项服务,Google联合了众多的字体设计者为用户提供了多种漂亮的字体。具体可以参看以前写的一篇文章:《用Google Font API来丰富网页字体》。
这里仅仅抛砖引玉,国内实在太少网站用 Google Font API 了。

    
 
 

您可能感兴趣的文章:

  • 做网页字体大小参考 网页中同字号字体的不同单位对比列表
  • SUSE9.3 的网页字体问题
  • CSS设置网页的字体 防浏览器浏览页面字体变形
  • 感觉Mozilla显示网页的字体不是很清晰???
  • 网页设计者需要了解的_网页字体大小数据参考
  • 让用户自己控制网页字体的大小的css书写方法
  • 在线!!如何设置显示器的分辨率和刷新频率?为什么我浏览网页的字体有大有小,怎么改呀?
  • 教你如何用CSS来控制网页字体的显示样式
  • JQuery 实时改变网页字体大小的代码
  • 谈谈网页设计中的字体应用Font Set
  • 网页颜色搭配技巧 文字字体、字号、字体排版等
  • 网页设计中的 serif 和 sans-serif字体应用
  • web网页自动跳转方法:Html body onload自动跳转举例
  • applet在网页关闭时,一定会执行destroy()方法嘛?一定给分!!!
  • Python获取网页编码的方法及示例代码
  • java里让网页过期的方法是什么?
  • HTML网页中的html body onload自动跳转方法介绍及自动跳转代码示例
  • 不用定时刷新的方法,如何强行刷新网页?用命令实现。
  • HTML网页的Meta Refresh自动跳转方法介绍及Meta Refresh自动跳转代码示例
  • 开发板运行交互式网页,控件包含linux命令,用什么方法实现?
  • HTML网页中的javaScript自动跳转方法介绍及javaScript自动跳转代码示例
  • php网页标题中文乱码的有效解决方法
  • 下载给定网页上图片的方法
  • 用什么方法可以的DOS窗口中打开网页?
  • 请问VC生成的控件怎么在JAVA里面调用,就是显示在网页上,里面的方法可以实现?
  • 通过网页上传图片到服务器,用什么方法比较好呢?(applet?)
  • 有谁作过网站的登陆系统呀,能不能讲一讲整个流程和加载网页时的控制方法呀
  • asp+mysql+utf8 网页出现乱码问题的解决方法
  • 求教,我要把网页中applet的默认背景的灰色变成白色,该如何解决?试过多种方法,未果...
  • 使用C# Winform应用程序获取网页源文件的解决方法
  • 网页验证码无法显示的解决方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 中文网页快速去重算法研究
  • linux浏览网页时怎样显示网页中的flash动画?
  • VPN虚拟局域网和本地局域网共存(连上vpn后正常打开网页)
  • 怎样把整张网页内容当作一副图形(只能作为图像,因为可能网页中有图)传给控制打印的Java程序?
  • 基于python实现的网络爬虫功能:自动抓取网页介绍
  • 为什么我用netscape浏览时,网页不正常(主要是动态网页)碰到分类排序的就显示不了了
  • Python3通过request.urlopen实现Web网页图片下载
  • [求助][排错]一段利用socket连接网页,并将网页内容拷贝下来的程序。。。[有一点问题]
  • 关于session(我停了一会儿没动网页,再在点击网页链接时,session丢失,然后点击IE的刷新,session又有了)这是怎么回事。
  • C#实现将网页保存成图片的网页拍照功能
  • 如何在red hat的网页浏览器中浏览使用ipv6协议的网页?
  • eidt.jsp对网页进行编辑,网页内容存放在数据库中,其中有些字段用textarea多行编辑框显示,保存提交数据库后,再次对它编辑,那些用多行
  • 各位高手请帮忙,如果我在框架网页中弹出一个新的窗口,在新窗口中执行一定的操作后,怎样让框架网页自动刷新?
  • 在样式表中,用submit提交信息到下一个网页,在下一个网页中如何知道该submit的name??谢谢了
  • ★★Linux服务器的网页响应发送给客户端的网页被修改,估计服务器中毒了,怎么办??
  • 网页下载文件期间如何防止用户对网页进行其他操作
  • 批量下载网页图片,网页截图 Chrome 插件 挖一下
  • java抓取网页数据获取网页中所有的链接实例分享
  • 如何把数据显示到网页上?
  • 网页浏览器 Camino
  • 改进网页设计的工具 Page Speed


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3