Google 字体在前端开发中的使用

对于Google 字体，在前端开发中，我们只需要引入一段字体的相关CSS文件，就可以美化我们的字体，而Google 开源的字体库就非常的方便。

在使用过程当中我们会遇到网络无法访问的问题，但google字体的引用API，目前的情况来看所有的地区都可以进行访问，但是没法访问主页。

https://fonts.googleapis.com

后面也就多了个apis

https://fonts.google.com/

上面两个地址，只有第一个是可以访问的，也就是说，我们可以通过第一个地址来进行字体的引用。

虽然网络受阻，但是，对于无法使用科学网络的朋友其实，在知道常用的字体情况下只需要对已知的CSS 文件链接进行修改就可以随意切换想要引用的字体了。

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&family=Roboto:wght@300&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap" rel="stylesheet">

分析这两段代码就会发现，family= 后面是字体的系列，比如 Rubik ，300+500 宽度的字体，我们可以这样写：

<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap" rel="stylesheet">

只需要更改需要的字体系列 + 粗细大小就可以达到响应的CSS 文件。

所有说Google 开源字体库的引用还是非常方便的即使主页没办法访问。当然科学的人们，当我没说。

记录Google api 的事。

Google 字体在前端开发中的使用相关推荐

初学者Web介绍一些前端开发中的基本概念用到的技术
Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行.今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术. ...
前端开发中常用图片格式
前端开发中常用图片格式在我们的日常开发中.必不可少会使用很多种图片. 我们需要根据业务场景来选择所使用的图片类型. 这里我整理了一些常用图片类型.他们的优缺点以及建议的使用场景. 如何在计算机中显示 ...
前端中什么是中台开发环境_Web前端开发中需要学习什么?会使用到哪些开发工具？...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水.下面和千锋广州小编一起来看看吧! 前端工程师的主要职责: 前端工程师在不同的公司有不同的 ...
表单html遇到的问题及处理,Web前端开发中常见问题及解决方案
Web前端开发中常见问题及解决方案时间:2017-04-24 来源:web前端开发小赢家作为一名web前端开发工程师,我们在工作时免不了会遇到各种各样的问题.因为web前端开发相对于Jav ...
前端开发中的地理定位问题小总结
项目中遇到地理定位的问题,没遇过不知道,遇过就发现这是个比较坑的问题.这个问题其实困扰了我挺久的,还不如一次性了解清楚.所以本文进行了一些小总结,先简单总结我看过的关于定位技术的资料,然后介绍前端开发 ...
web前端开发中需要掌握的技术：
web前端开发中需要掌握的技术: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些都是最常用的,尤其是DIV和表格,DIV,表也可以用于 ...
前端开发中icon图标使用的那些门道儿
前端开发图标使用在日常开发,前端coder绕不开一个话题,在页面上添加各种小图标,比如或者是这样的: 一般来说,总体上有三种方案: 位图图标,png图片,经典的使用场景--精灵图: 字体图标,比较 ...
android treeview 树形结构,前端开发中，使用TreeView控件创建树形结构
原标题:前端开发中,使用TreeView控件创建树形结构 Wijmo是一款使用Type编写的新一代Java/HTML5控件集.它秉承触控优先的设计理念,在全球率先支持AngularJS,并提供性能卓越 ...
前端开发中的性能那点事
前端开发中的性能那点事(一)巧用xdebug 前言: 在我们平时的php开发中,一个大的项目经过长时间的积累以后你会发现性能越来越慢,而性能到底消耗在了什么地方,常常是一个令人头疼的问题,funct ...
前端开发中的Error以及异常捕获
本文首发于公众号:符合预期的CoyPan 写在前面在前端项目中,由于JavaScript本身是一个弱类型语言,加上浏览器环境的复杂性,网络问题等等,很容易发生错误.做好网页错误监控,不断优化代码,提 ...

Google 字体在前端开发中的使用

Google 字体在前端开发中的使用相关推荐

最新文章

热门文章