如何从Google Webfonts URL获取字体名称

Question

查看Google Fonts API并且无法找到任何可以让我从普通字体链接中获取每种字体的字体名称的内容。

https://fonts.googleapis.com/css?family=Droid+Serif:400,700,700i|Merriweather:300,400,700,900i|Open+Sans+Condensed:300,300i,700

如何从Google Webfonts网址获取所有字体名称？

Answer 1

1. 看：https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans
2. 然后选择要使用它的字体。
3. 点击：右下角
4. 看：在CSS中指定。

完成！

Answer 2

可以使用以下代码完成。

family

JSFiddle：https://jsfiddle.net/5qvpg606/

说明：

1. 首先，使用getParameterByName函数从URL中检索family参数的值。在此示例中，fontArr参数的值为“Droid Serif：400,700,700i | Merriweather：300,400,700,900i | Open Sans Condensed：300,300i，700”

2. 然后将值拆分为数组以获取字体系列。我们使用JS String .split()方法和“|”作为分隔符。现在数组中的项目是：“Droid Serif：400,700,700i”，“Merriweather：300,400,700,900i”和“Open + Sans Condensed：300”。

3. 循环遍历数组，使用“：”作为分隔符拆分每个项目（字符串），获取第一部分（包含姓氏）并将其推送到fontArr.join(', ')，这样您就可以获得一个包含“Droid Serif”，“Merriweather”和“Open Sans Condensed”的数组。

4. 要查看结果，只需加入数组：In [82]: string = "Some content {(1N,2N,3N,4N) Hello } Some content" In [83]: result = re.findall(r"(\((?:(?:10|[1-9])N(?:,|\)))+)\s*(\w+)", string) In [84]: nums = re.findall(r"10N|[1-9]N", result[0][0]) In [85]: nums Out[85]: ['1N', '2N', '3N', '4N'] In [86]: matchString = result[0][1] In [87]: matchString Out[87]: 'Hello'