`

CSS在线字体库,外部字体的引用方法

    博客分类:
  • HTML
 
阅读更多

最近,谷歌全面退出中国,谷歌官网域名google.com、谷歌香港google.com.hk都打不开, ping了一下google.com和google.com.hk两个域名的服务器情况,最后ping出来的IP地址均显示为“美国”,也就是说谷歌香港(google.com.hk)的服务器,已由香港转移至美国,所以链接时间会很长,甚至断断续续出现请求超时的情况。

 

这样就是说谷大神在中国再也神不起来了。欲哭无泪的是我们苦逼的IT啊,谷歌字库不能用了,经网上一番找寻终于在wangzhan.360.cn上给解决了,虽然对360没有什么好感,但其提供的这一套服务还是相当不错的!

字体库的引用方法:

  1. <link href='http://fonts.useso.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    (family就等字体名称,空格用+号代替)在页面调用
     
  2. @import url(http://fonts.useso.com/css?family=Ubuntu);
    (family就等字体名称,空格用+号代替)在样式文件里面调用,如font-family为 Wire One 则 http://fonts.useso.com/css?family=Wire+One
     页面JS调用方法(families就等字体名称,空格用+号代替)

web字体库的样式调用方法:

样式里面用法:font-family: 'Poiret One', sans-serif;(字体名称)

web字体库列表:

 

  • ABeeZee
    Abel
    Abril Fatface
    Adamina
    Advent Pro
    Alfa Slab One
    Alice
    Allan
    Amaranth
    Amatic SC
    Andika
    Anonymous Pro
    Anton
    Archivo Black
    Arimo
    Arvo
    Bangers
    Basic
    Baumans
    Belgrano
    Bevan
    Bitter
    Boogaloo
    Brawler
    Bree Serif
    Bubblegum Sans
    Buda
    Cabin Condensed
    Cabin Sketch
    Caudex
    Contrail One
    Courgette
    Coustard
    Crete Round
    Crushed
    Cuprum
    Damion
    Days One
    Dorsa
    Droid Sans
    Droid Serif
    Duru Sans
    Enriqueta
    Federo
    Francois One
    Fredericka the Great
    Fredoka One
    Goudy Bookletter 1911
    Gruppo
    Homenaje
    Imprima
    Inconsolata
    Inder
    Istok Web
    Jockey One
    Josefin Sans
    Josefin Slab
    Just Another Hand
    Kameron
    Kaushan Script
    Kotta One
    Kreon
    Lemon
    Lobster Two
    Lobster
    Maiden Orange
    Marvel
    Merienda One
    Molengo
    Montserrat
    News Cycle
    Nixie One
    Nobile
    Oleo Script
    Open Sans
    Overlock
    Ovo
    PT Sans
    Philosopher
    Playball
    Podkova
    Poiret One
    Quando
    Quattrocento Sans
    Questrial
    Quicksand
    Raleway
    Righteous
    Roboto
    Rokkitt
    Ropa Sans
    Sansita One
    Sofia
    Source Sans Pro
    Stoke
    Ubuntu
    Volkhov
    Wire One
    Yanone Kaffeesatz
    Yellowtail

 

  • 大小: 51.9 KB
分享到:
评论

相关推荐

    android webView加载html 并引用本地资源(图片、字体库)

    对于字体库,可以使用CSS @font-face规则来引用: ```html @font-face { font-family: 'MyFont'; src: url('file:///android_asset/fonts/myfont.ttf') format('truetype'); } body { font-family: 'MyFont'...

    canvas使用外部字体

    学习这些内容可以帮助开发者更好地理解和实践在canvas上使用外部字体的方法。 总的来说,通过合理地加载和应用外部字体,开发者可以利用canvas创建更具个性化的图形和界面,提升用户的视觉体验。理解并掌握这个技巧...

    在vue中更换字体,本地存储字体非引用在线字体库的方法

    在Vue.js应用中,更换字体并本地存储字体文件而非引用在线字体库是一种常见的优化方法,特别是在需要离线可用性或减少外部依赖时。下面将详细解释如何实现这一过程。 首先,你需要获取字体文件。通常,字体文件有...

    CSS3绘制2018新年快乐文字动画特效

    为了使用外部字体,通常会在HTML文件中使用`&lt;link&gt;`标签引入字体服务,并在CSS中指定字体家族。 在实现这个特效时,开发者可能采用了以下步骤: 1. **HTML结构**:创建HTML元素,如`&lt;h1&gt;`或`&lt;p&gt;`,包含“2018新年...

    字体图形库分享

    综上所述,这个"字体图形库分享"涵盖了从CSS样式定义到JavaScript库的集成,再到SVG图形的使用和管理,为用户提供了全面的工具和资源,便于他们在网页设计中实现多样化和富有创意的字体图形效果。

    CSS层叠样式库 ppt

    **CSS层叠样式库概述** CSS(Cascading Style Sheets),中文称为层叠样式表,是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它允许我们将表现(样式)与内容分离,使得网页...

    CSS在线编辑器

    5. **CSS重置与预设样式**:内置的CSS重置工具可以帮助消除浏览器默认样式,预设样式库则提供了常见的CSS样式组合,可以快速应用到项目中。 6. **跨设备预览**:编辑器通常会提供不同设备和屏幕尺寸的预览模式,...

    前端开源库-css-find-assets

    1. **资源审计**:找出CSS中所有引用的图片、字体和其他外部资源,确保它们都已存在并被正确引用。这有助于识别未使用的资源,从而减少不必要的加载时间,提高页面性能。 2. **自动优化**:通过分析CSS中的资源引用...

    flash css样式设定

    Flash中的AS3(ActionScript 3)支持外部CSS文件的引用,这意味着我们可以创建一个独立的CSS文件,然后在Flash的ActionScript代码中加载这个文件,从而实现对Flash文本和其他元素样式的控制。这样做的好处是,设计师...

    在FLEX中使用CSS样式方法

    在Flex中使用CSS样式方法是构建富互联网应用程序(RIA)的关键技术之一。Flex是一个基于ActionScript和Flash Player的开源框架,用于开发交互式、数据驱动的Web应用。它允许开发者利用CSS来控制组件的外观和布局,...

    微信小程序animatecss插件界面切换动画

    在微信小程序中,我们可以利用外部库如Animate.css来为页面切换添加酷炫的动画效果,提升用户体验。Animate.css是一个预定义的、易于集成的CSS动画库,可以帮助开发者快速实现各种视觉特效。 标题中的“微信小程序...

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    10. **CSS规范与性能优化**:了解如何遵循W3C标准编写CSS,以及如何通过最小化样式、使用外部样式表、避免使用内联样式等方式优化页面加载速度。 通过这个“上百个CSS实例集合”,你可以亲手实践这些知识点,逐步...

    个人网页制作CSS

    9. **CSS模块化**:通过模块化组织CSS代码,如使用CSS Modules、CSS-in-JS库(如styled-components)等方法。 10. **浏览器兼容性**:了解不同浏览器对CSS特性的支持情况,以及如何使用工具(如Autoprefixer)处理...

    前端开源库-cssurl

    这个库的目的是为了优化CSS资源的引用,确保在开发和部署过程中,URL路径能够正确地指向所需的资源,如图片、字体和其他外部样式表。它通过解析CSS代码,查找并替换URL,使得在不同环境下的应用能够正常运行,避免...

    前端开源库-postcss-copy

    `postcss-copy`的主要功能是将CSS文件中引用的外部资源(如背景图片、字体等)复制到指定的目标文件夹,并同时更新CSS中的URL,确保在构建后的环境中能够正确访问这些资源。这一过程解决了因静态资源路径问题导致的...

    前端开源库-get-css

    【前端开源库-get-css】是一个专门用于从指定URL获取CSS内容的开源库,它为开发者提供了一种便捷的方式来处理远程CSS资源。这个库的核心功能是能够解析和下载网络上的CSS文件,然后将其内容以字符串的形式返回给调用...

    CSS3名片式卡片设计特效

    在字体方面,如果使用了自定义字体,`@font-face`规则可以在CSS3中引入外部字体资源。`fonts`文件夹可能包含了这些字体文件,通过指定`src`和`font-family`属性,可以让浏览器加载并应用这些字体。 至于`index....

    HTML字体压缩

    3. **子集化字体**:如果只需要特定字符(比如英文或中文),可以选择只加载这些字符的字体子集,而不是整个字体库,这能大幅减小文件大小。例如,使用Font Squirrel的Webfont Generator,可以自定义生成包含所需...

Global site tag (gtag.js) - Google Analytics