我不知道这些google网页字体是从哪里来的

Google网页字体是由Google提供的一种在线字体服务。它允许网页开发人员在网站上使用各种各样的字体，而不需要用户在本地安装这些字体。这样可以提供更好的用户体验和视觉效果。

Google网页字体可以分为两类：系统字体和自定义字体。系统字体是指用户计算机上已经安装的字体，而自定义字体是由Google提供的一系列免费字体。

优势：

多样性：Google网页字体库拥有丰富的字体选择，可以满足不同网站的设计需求，提供更多样化的视觉效果。
跨平台兼容性：由于Google网页字体是通过网络加载的，因此可以在不同操作系统和设备上保持一致的字体显示效果。
快速加载：Google网页字体使用了全球分布的内容分发网络（CDN），可以快速加载字体文件，提高网页加载速度。
免费使用：Google网页字体库中的大部分字体都是免费提供的，网页开发人员可以免费使用这些字体。

应用场景：

网页设计：Google网页字体可以用于网页标题、正文、导航栏等各种文本元素，提升网页的视觉效果和用户体验。
品牌标识：通过使用特定的字体，可以为品牌创造独特的视觉形象，增强品牌的辨识度。
广告宣传：在广告设计中使用特殊的字体可以吸引用户的注意力，提高广告的点击率和转化率。

推荐的腾讯云相关产品：腾讯云提供了一系列与字体相关的产品和服务，包括云服务器、云存储、内容分发网络（CDN）等。这些产品可以帮助网站开发人员更好地管理和优化字体资源的加载和传输。

产品介绍链接地址：

腾讯云云服务器：https://cloud.tencent.com/product/cvm
腾讯云云存储：https://cloud.tencent.com/product/cos
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn

相关·内容

记录我是如何从Google薅羊毛的

初衷本来是想用派安盈来认证谷歌云，然后白嫖300美金的试用，结果......后来后来一直卡在了验证账户这里，要么是验证不了，验证了之后也使用不了结果我就这样开始了Google薅羊毛的不归路教程 1.你需要有一个派安盈的美国收款账户(注册地址) ps：你也可以打电话给客服多要几个账户...2.你需要有一个谷歌账号(自己注册去吧) 3.在Google Pay -> 付款方式 -> 添加付款方式 -> 添加银行账户表单对应关系如下： Google Pay 派安盈银行账户上的姓名受益人姓名...账号类型支票账户汇款路线号码路由ABA 账号账号 4.填好了之后就等着它打款吧，每次0.01-1.00美刀 5.到账了之后直接移除账户然后重复1-4步骤就可以了尾声享受薅全世界最大的互联网公司的羊毛的快感吧...如无特殊说明《记录我是如何从Google薅羊毛的》为博主MoLeft原创，转载请注明原文链接为：https://moleft.cn/post-144.html

1.3K1 0

开通 Google Adsense 后网页加载慢，可能是谷歌广告引用了Google 的字体

Google Adsense 谷歌广告引用了Google 的字体，国内无法打开或者打开较慢引起的。...基本上 WordPress 的优化教程都会让你禁用 Google 字体，来优化国内访问的速度，因此尝试一下修改吧。在 Adsense 的界面中，找到“广告样式”，里面出现了关于字体的设置。...默认字体集，是勾选的最佳，这就有可能会调用 Google 字体，还是将其改为 Arial 吧。这个样子，似乎已经启用的效果还是没有改字体，保险起见，自行创建一个样式。...可以在已经存在的样式上，点击复制，也可以自行创建。改过以后，实测页面加载速度快了很多，再也没有出现 Adsense 广告载入很慢的问题了。

6352 0

Ubuntu 9.04

本来还想美化成mac装一把B的，结果发现问题多多，也不知道是下载的光盘问题还是安装的问题，连中文都不能显示，最后装的中文输入法还有问题。不过后来还是解决了。装了特效后发现标题栏又不见了。...直到现在才把标题栏的问题搞定了。唉，菜，菜得很哪。话说最近博客访问量急剧下降直到昨天采伐现，网页在ie下根本打不开。那个郁闷阿，最后原因找到了，lightbox的问题，卸载后一切问题解决了。...安装完相关的字体后我的修改方法是： obaby@obaby-h4ck:~$ esudo gedit /etc/fonts/conf.d/49-sansserif.conf 修改成下面的内容： sans-serif serif monospace 文泉驿正黑文泉驿正黑就是要使用的字体了...显示字体大小=12 主窗口字体大小=12 字体区域=zh_CN.UTF-8 使用AA字体=1 使用粗体=1 [输出] 数字后跟半角符号=1 Enter键行为=2 分号键行为=2 大写字母输入英文=1 转换英文中的标点

4334 0

博客重构：极简主义！

但是，过去半年里，我的这个博客却少有更新，我最近不禁问我自己：我这是怎么了？刚开始写博客时的那种热情去哪了？经过一段时间的思考后，我决定重构博客，拥抱极简主义！...有时评论区会带来很大的心理压力，各种统计数字则是一种隐形心理压力。另，博客是静态，而这些属于动态内容，技术上讲即是写操作，违背了纯静态的只读原则[2]。综上，统统不要。...迎新极简并不等于简陋，本博客也有了一些值得关注的创新设计。最值得关注的是字体排版，应该是目前中文博客中最美的?......字体使用了 Noto Serif SC + EB Garamond，通过 Google Fonts 实现；使用着重号替代粗体，更为美观、优雅；解决了网页中英字体混排导致的痛点——英文符号变全角或中文符号字形不对...因为看看自己最初的文章，发现自己居然看不懂，表达得太差了，不忍直视。是否会开源？技术不足，代码写得丑，还无法将这些成果写成一个配置简单的主题，故暂时不会考虑开源。此外，还有轻微的模仿担忧。

8683 0

java基础知识，font属性css写法，代码详解！

CSS属性值字体与文本网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本字体首先要有一个认识字体和文本不是一个东西哦。...那么网页中的字体是哪里来的呢？其中有哪些属性？文本属性中有哪些小秘密呐？来源用户机器中安装的字体保存在第三方网站上的字体（link）保存在服务器上的字体。...这些字体可以使用@font-face规则随网页一起发给浏览器（一般字体图片都会放到一个单独的服务器上，更加的优化）字体属性 font-family 字体族 font-family用于设定元素中的文本使用什么字体...因为字体来源我们已经知道了，两条路径要么是用户机器，要么是网上，那么就存在某种字体不能再某个网页中使用的可能。所以需要给出一组字体，这组字体叫做字体栈。...font-style 字体样式 font-weight 字体粗细这个貌似没什么好说的，还是过了吧。主要一点最好使用bold，normal当然strong标签是加粗的状态，你们应该懂我的意思。

9068 0

优化网站与随机图片API搭建 – 学金融的文史哲小生

（一）修改谷歌字体API地址如果你使用的也是Theme Sakurairo by Fuukei的话，请直接打开后台的设置按钮，然后搜索“字体”，将Google字体API的默认设置（fonts.maho.cc...说实话反代的速度不见得比原生的快多少，主要是Google官方老抽风，不然谁愿意花那个闲工夫反代。（二）修改特效字体链接地址第二个要修改的是白猫特效字体。...我在改数据库的时候还把前台的JS弄乱了，我也不知道是什么鬼，反正就是改完了以后前台效果直接炸了，听起来挺魔幻的。二、搭建随机图片API 说实话，这玩意是真的老简单了。...主要是原生的随机图片有点花哨且不再适合我奔三之人了，自然想改，加上最近把大学三年拍的一些照片整理出来了，索性就用这些照片做一个随机图片API来给我博客润色一下，等毕业了自己打开网站也能玩味一番。...最好的建议就是使用webp格式压缩JPG与PNG甚至是BMP图片文件的大小，因为这几个格式的图片小则3、5M，大则10M左右，前台网页会一直发起请求直至图片响应，所以拖垮速度是必然。

7163 0

零基础想要学好前端开发，必须先“学好切图做静态页面”

我在昨天的文章“新人提问 | 一个自学前端四个月的新人来信”说过，许多同学脑子里所学到的只是技术的罗列。我这句话的意思，是说培训班并不讲，这个网页是怎么来的，以及为什么要这么做。...培训班所讲的前端开发中的业务层面的内容也不完整，甚至是根本不讲。例如，这个网页它的需求分析，它的使用场景，数据传输与展示，等等，这些东西在网页上呈现的时候，需要什么样的DOM结构。...从代码的角度来讲，静态网页制作并不难，无非是HTML,CSS，这也导致很多同学对于网页制作的环节是轻视的。...不熟悉静态页面的来龙去脉，就不知道JS往哪写，就抓不到你要写的DEMO的JS的起点，就无处下笔。如果不重视这个，就会造成想要自己写点东西的时候，不知道写什么，不知道往哪写，不知道操作谁。三不知。...业务需求UI设计，UI设计决定网页制作。哪怕你随便在网上找个网页或图，你也要给它假设一个业务场景。否则，没有网页设计图，就没有静态页面，就没有业务，就不知道做什么，就不知道用JS写什么。

1K6 0

一行Spark代码的诞生记(深度剖析Spark架构)

大家好，我是一行Spark代码，我叫小小小蕉，不知道为毛，我爸爸大蕉和我妈妈大大蕉把我生的又瘦又长。长这样。...总有小伙伴对着我说：问君何不乘风起扶摇直上九万里。说出来不怕吓着你，其实我一个字都看不懂。作为一行普通的代码，我也开始思考码生的三大问题，我是谁，我从哪里来，要到哪里去。...我从我从哪里来，开始讲我的故事吧。我从哪里来？这有什么好说的，出自我爸爸大大蕉之手，就酱。本文终。当当当，你以为就这样结束了吗？不可能的。我长得这么细这么长，其实我是由三个部分组成的。...咦，那我去哪跑任务呢？还差一些Worker工作站啊。 Spark将一个大的任务拆成一个有向无环图，来表示依赖关系。大大蕉：歪。yarn吗？嗯是我。我这好像还差点东西啊。。...我还需要一些Container来做我的Worker啊，不然我儿子生完往哪放啊？ yarn ：知道了知道了，不会一次说完吗？真讨厌。大大蕉：我。。。我™也不知道需要这个啊。

6936 0

设计师专属的导航网站

相信很多设计师都有这样的经历，平时需要用到很多参考网站，从做设计、写博客、画画、学习，浏览器的书签保存了一大堆，但在换设备时书签管理就是一个头疼的事。如何解决这个问题呢？...今天我给大家推荐的一个网站是“甲方叭叭”，说出来或许你没有听过，因为这是一个刚刚面世的设计师导航网站，它的slogan就是“设计师专属的导航网站”，从这就可以看出来，对于设计师来说，这是一个不可错过的网址导航...提供UI设计、设计教程、素材下载、高清图库、配色方案、App设计、网页设计等全方位设计师网站导航指引。网站左侧是导航分类，右侧是罗列的网站 01 创意灵感设计最需要的是什么？...04 配色方案这里提供了关于配色的大量的网站，包括如何配色，配色模板，流行色彩等等，简直就是色彩的“天堂”。 05 字体下载这里提供了各种字体，可以自行下载使用，为你的设计添砖加瓦，锦上添花。...以上就是关于甲方叭叭的一些具有的网站类型的介绍，我提到的这些还只是冰山一角，因为它真的很全面，几乎涵盖了所有关于设计的网站，所以还需要大家自己去“探宝”，相信不会让你空手而归的。

9443 0

101种让你的网站更棒的方法

他们都说了同样的话： “我需要一个清单，因为我不知道如何去搭建一个网站，我不得不雇佣一些人，但到最后我依然不知道都做了什么。”...如果你希望你的设计有某些特质，可以用浅黄色增加温暖，红色提供能量，还有蓝色来制造信任。绝佳的排版挑选一款优质字体。一个网页中95%都是字。使用一款优质字体是改善印象最便捷的方式。...使用最多2-3种字体。太多种字体会显得杂乱而且降低了加载速度。选择一种标题字体和段落字体，再有就是特殊例子的字体。设置网页body字体大小为16px。在大显示器上难以阅读比这小的字号。...通过搜索你的关键词然后选择相关搜索来寻找你需要的潜在语义索引词。确保内容中互相跳转的链接是可用的。应该保证每个页面最多从首页点击三次就可以访问。...通过Google的PageSpeed Insights来确保你解决了所以常见的影响网页速度的问题。网页加载速越快就会带来排名的相应提升。出色的页面速度保持网页小于2MB。

1.3K4 0

如何在React Native中添加自定义字体

Google字体是一个免费的开源字体库，可在设计网页和移动应用程序时使用。...复制并保留这些TTF文件。在下一部分，我们将会讲解如何将这些字体的TTF文件集成到我们的React Native CLI项目中。...useFonts 钩子用于异步加载这些自定义字体。 useFonts 钩子的结果是一个布尔值数组，我们使用 const [fontsLoaded] 语法进行解构，以访问它返回的布尔值。...在我们的模拟器中看看这是什么样子：使用自定义字体假设你正在构建一个个人的 React Native 项目，并且你得到了一些自定义字体，这些字体并不在 Expo 支持的 Google 字体库中。...首先，你需要下载 font 文件到你的项目中，并安装 expo-font 包。对于这个教程，我从 FontSquirrel 下载了 Source Code Pro 作为我的自定义字体。

5171 0

算法--天下武功，唯快不破

我只写JS，为什么也要学习算法？我入行最开始时是做网页设计的，那是在2003年，然后一路到了现在，... 所以做为读者的你应该已经明白，我是一个野路子出身的程序员。...其实我内心一直很羞于称自己为程序员，一般我会说自己是，做网页的、写JS的，或是做前端的。。因为我根本没有接受过正规的计算机科学教育。...因为JS的数组还是比较简陋的（别问我哪简陋，问太多就等于打我脸，谢谢）在最开始相当长的时间里，我写的JS都是比较小的东西，最复杂不过是搞几个插件而已。...还有二叉树，它的出现就是为了查找一组数据中的最小值和最大值，它的相关查找算法的效率那是杠杠的。但如果我不知道这些，我依然只能使用Array数组。不是说它不好，它只是效率低。...但这不是数组的错，是我的问题。计算机科学是一门相对成熟的学科，我们遇到的许多问题，应该都早已有了相应的解决方案，只是我没学过所以我不知道。我想明白这一点的时候，真是悲从中来。

6655 0

Google遵循的软件行为准则

昨天，我写了Google发现的十条真理，其中第六条就是著名的"不干坏事，也能成功"（Don't be evil）。那么，什么样的事情算是"坏事"呢？...遵守这些准则的软件（网站），就是好的软件（网站），否则就是流氓软件（网站）。 不知道为什么，Google的中国分公司没有翻译这个页面。我觉得真是太不应该，中国可是世界著名的流氓软件大国啊！...于是，我将这六条软件准则翻译了出来。 ==================== Google遵循的软件行为准则 1....这种信息的表达方式，应该是一个普通用户能够读懂的，而不是用小号字体，藏在一大堆文字的最下方。比如，某种软件带有广告弹出窗口或者将用户数据送往第三方，它应该事先将这些事情告诉用户。 3....我们相信，任何多种软件捆绑安装的情况都应该向用户讲清楚，以便用户在几个月以后，依然记得某种软件是从哪里来的，以及它为什么会在那里。

6315 0

【设计考古系列】机器学习和字体设计

字体设计遗址：1号坑——Font Map挖掘现场最先映入我眼帘的是IDEO的一个项目——Font Map（字体地图），作者Kevin Ho是IDEO的Software Designer and Project...Kevin Ho 大家在做平面设计的时候，时不时会碰到字体选择的困扰，但其实基本方向都是有的，是否是手写体，圆润还是方正，有无衬线等等，这些都是一些基本的特征，也是我们寻找和选择字体的线索。...为了让这个过程更加方便和有逻辑可寻，Kevin Ho用Machine Learning探寻了750多个英文字体之间的关系，做出了一个交互式的网页地图。...项目详细地址：http://fontmap.ideo.com/ 在网页上可以缩放、拖拽和搜索，每个字体都有对应的Google Font链接，可以查看更详细的说明以及下载等操作。...从字体设计的角度来看这个名场面，是相当有趣的。汉字由于象形字的起源，有着太多的字需要被设计，所以不像英文字设计起来那么轻松，想要设计一整套字体的工作量是非常巨大的。

7581 0

HTML

HTML 什么是HTML HTML是一种超文本标记语言用来描述网页结构如下 Title 什么是标签标签是HTML中的基本单位标签是由尖括号包围的关键字像上面的,, 它们经常是成对出现...DOCTYPE>定义文档类型定义HTML文档网页名到定义内容字体是几级标题定义段落，就是会换两行再起一段单标签，定义水平线单标签...快到碗里来 !

9563 1

最容易懂的ChatGPT 介绍与教学

一个最让人明显感受到的差别，是如果你问Siri 问题，他会上网搜寻后，丢给你某个网页。但是ChatGPT 会直接把搜集来的资讯，用像专业人士的方式直接回答你。...假如你写报告不知道怎么开头时，你可以把你的报告主题丢给ChatGPT，然后它可以帮你想开头段落。...重点是它能回答得非常好，好到让很多人觉得ChatGPT 的回答比自己上网找资料后来回答还要好，所以才会那么多人说很多工作可能要被取代了。去哪用ChatGPT？ChatGPT 怎么用？...登入注册ChatGPT 目前ChatGPT 有网页版本跟APP 应用程式。最快开始用ChatGPT 的方式，就是前往ChatGPT 的网站。...如果你是初次使用，会需要先点击Sign up来注册，目前有支援Google 、 Microsoft 与Apple 三种快速注册方式。

2.6K1 0

字体加密 | 字体加密初认识

目前有使用字体加密的网站大概有下面这些： 58同城，起点，猫眼，大众点评，启信宝，天眼查，实习僧，汽车之家既然这么多的网站都采用了字体加密，那么它一定是一个有效的反爬手段，作为爬虫工程师我们应该如何应对呢...首先我们应该先了解一下什么是字体加密。什么是字体加密？网页字体是一个字形集合，而每个字形是描述字母或符号的矢量形状。...通俗一点，同一内容的网页字体每个字形应该都是大同小异的，我们可以通过比对字体文件的字形来确认映射的内容。关于字体加密的描述文章实在太多了，个人建议还是看看 Google 官方关于网页字体的文章。...hl=zh-cn 接着是关于网页字体加密映射的原理图，下图来自谷雨解字： https://guyujiezi.com/ 在爬虫爬取页面的时候，页面中的代码是阴书，但是在人眼看到的是原文，这样的映射关系让爬虫无法顺利爬取到网站内容...如何处理字体加密？通过上面的字体加密原理图，我们大概了解到字体加密的原理。我推荐没有搞过字体加密的朋友找个比较简单的网站练手，网上写的比较多的例子是猫眼的专业版。

6.2K5 1

29个前端工程师和设计师必备的Chrome插件

Google Chrome是最好用的几个浏览器之一，自从2011年11月份赶超Firefox之后，已成为当今互联网的主流浏览器。...今天，我来分享下自己收集的一系列Chrome插件，希望能够提高大家的工作效率。以下插件均可在Chrome 网上商店中找到。 Devtools Terminal—嵌在浏览器中的终端。开发调试利器！...帮助Web设计师和开发者测试多种分辨率下的布局效果。 WhatFont — 识别网页所使用的字体。 Page Ruler —获取任意网页中元素大小、位置信息。...在不干扰用户访问网站的情况下，给出当前网站的Alexa数据。 Eye Dropper — 开源拾色器软件，可以从网页、其他拾色器和你用过的颜色中拾取颜色。...Font Changer —修改包括Facebook、Twitter、Google、Youtube在内的任意网站的字体。可以试试Google Web Fonts™字体的效果。

1.9K2 0

前端到底要怎么去性能优化？

LCP 相比于 FMP 计量的复杂和不确定性，W3C性能小组和Google研究发现，衡量页面主要内容加载更准确方法是查看最大元素的呈现时间。也就是lighthouse的指标 LCP 。...INP指标怎么计算的？首先INP指标的总耗时主要包括三个方面：输入延迟，从用户发起与网页的互动开始，在互动的事件回调开始运行时结束。 JS处理时间回调的耗时。...我的页面可能有以下场景，例如点击展开，又或者是搜索框展示提醒之类的，用户的一些交互输入导致页面偏移，这些情况导致的偏移都会被统计到CLS中去么？...于是我迅速的翻阅了下 web.dev[3] 的相关文档，文档是这么阐述的，对于在用户输入后 500 毫秒内发生的布局偏移，系统会设置 hadRecentInput 标志，因此这段时间发生的偏移会从计算中排除...如何优化CLS指标 (1) 预设高宽的图片或者是前端模块组件。这些图片或者组件可能依赖的网络请求所以存在延时，在数据到达时导致页面偏移。

2341 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云