最近,谷歌全面退出中国,谷歌官网域名google.com、谷歌香港google.com.hk都打不开, ping了一下google.com和google.com.hk两个域名的服务器情况,最后ping出来的IP地址均显示为“美国”,也就是说谷歌香港(google.com.hk)的服务器,已由香港转移至美国,所以链接时间会很长,甚至断断续续出现请求超时的情况。
这样就是说谷大神在中国再也神不起来了。欲哭无泪的是我们苦逼的IT啊,谷歌字库不能用了,经网上一番找寻终于在wangzhan.360.cn上给解决了,虽然对360没有什么好感,但其提供的这一套服务还是相当不错的!
字体库的引用方法:
-
<link href='http://fonts.useso.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> (family就等字体名称,空格用+号代替)在页面调用
-
@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
相关推荐
对于字体库,可以使用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创建更具个性化的图形和界面,提升用户的视觉体验。理解并掌握这个技巧...
在Vue.js应用中,更换字体并本地存储字体文件而非引用在线字体库是一种常见的优化方法,特别是在需要离线可用性或减少外部依赖时。下面将详细解释如何实现这一过程。 首先,你需要获取字体文件。通常,字体文件有...
为了使用外部字体,通常会在HTML文件中使用`<link>`标签引入字体服务,并在CSS中指定字体家族。 在实现这个特效时,开发者可能采用了以下步骤: 1. **HTML结构**:创建HTML元素,如`<h1>`或`<p>`,包含“2018新年...
综上所述,这个"字体图形库分享"涵盖了从CSS样式定义到JavaScript库的集成,再到SVG图形的使用和管理,为用户提供了全面的工具和资源,便于他们在网页设计中实现多样化和富有创意的字体图形效果。
**CSS层叠样式库概述** CSS(Cascading Style Sheets),中文称为层叠样式表,是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它允许我们将表现(样式)与内容分离,使得网页...
5. **CSS重置与预设样式**:内置的CSS重置工具可以帮助消除浏览器默认样式,预设样式库则提供了常见的CSS样式组合,可以快速应用到项目中。 6. **跨设备预览**:编辑器通常会提供不同设备和屏幕尺寸的预览模式,...
1. **资源审计**:找出CSS中所有引用的图片、字体和其他外部资源,确保它们都已存在并被正确引用。这有助于识别未使用的资源,从而减少不必要的加载时间,提高页面性能。 2. **自动优化**:通过分析CSS中的资源引用...
Flash中的AS3(ActionScript 3)支持外部CSS文件的引用,这意味着我们可以创建一个独立的CSS文件,然后在Flash的ActionScript代码中加载这个文件,从而实现对Flash文本和其他元素样式的控制。这样做的好处是,设计师...
在Flex中使用CSS样式方法是构建富互联网应用程序(RIA)的关键技术之一。Flex是一个基于ActionScript和Flash Player的开源框架,用于开发交互式、数据驱动的Web应用。它允许开发者利用CSS来控制组件的外观和布局,...
在微信小程序中,我们可以利用外部库如Animate.css来为页面切换添加酷炫的动画效果,提升用户体验。Animate.css是一个预定义的、易于集成的CSS动画库,可以帮助开发者快速实现各种视觉特效。 标题中的“微信小程序...
10. **CSS规范与性能优化**:了解如何遵循W3C标准编写CSS,以及如何通过最小化样式、使用外部样式表、避免使用内联样式等方式优化页面加载速度。 通过这个“上百个CSS实例集合”,你可以亲手实践这些知识点,逐步...
9. **CSS模块化**:通过模块化组织CSS代码,如使用CSS Modules、CSS-in-JS库(如styled-components)等方法。 10. **浏览器兼容性**:了解不同浏览器对CSS特性的支持情况,以及如何使用工具(如Autoprefixer)处理...
这个库的目的是为了优化CSS资源的引用,确保在开发和部署过程中,URL路径能够正确地指向所需的资源,如图片、字体和其他外部样式表。它通过解析CSS代码,查找并替换URL,使得在不同环境下的应用能够正常运行,避免...
`postcss-copy`的主要功能是将CSS文件中引用的外部资源(如背景图片、字体等)复制到指定的目标文件夹,并同时更新CSS中的URL,确保在构建后的环境中能够正确访问这些资源。这一过程解决了因静态资源路径问题导致的...
【前端开源库-get-css】是一个专门用于从指定URL获取CSS内容的开源库,它为开发者提供了一种便捷的方式来处理远程CSS资源。这个库的核心功能是能够解析和下载网络上的CSS文件,然后将其内容以字符串的形式返回给调用...
在字体方面,如果使用了自定义字体,`@font-face`规则可以在CSS3中引入外部字体资源。`fonts`文件夹可能包含了这些字体文件,通过指定`src`和`font-family`属性,可以让浏览器加载并应用这些字体。 至于`index....
3. **子集化字体**:如果只需要特定字符(比如英文或中文),可以选择只加载这些字符的字体子集,而不是整个字体库,这能大幅减小文件大小。例如,使用Font Squirrel的Webfont Generator,可以自定义生成包含所需...