Question

我对龙虾字体有一些问题，当我在 Safari 浏览器中打开该站点时，某些单词加载正确，而其他单词不起作用，您如何在 snap bellow 中看到：first image

以下是两者的代码：

@import url('https://fonts.googlea.com/css?family=Lobster');
.second-image{
    font-size: 30px;
    color: #d91a56;
    font-family: 'Lobster',cursive;
    line-height: 30px;
    font-weight: 300;
    }
    .first-image{
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    font-family: 'Lobster',cursive;
    }

可以帮助我吗？

2

Answer 1

您加载的龙虾只包含标准的拉丁字形。您还需要latin-ext(latin extended) 子集。像这样:

https://fonts.googlea.com/css?family=Lobster&subset=latin,latin-ext

更新

您的 HTML 包含由两部分组成的字形。一个是a，另一个是combine tilde。它们一起构成ã。这实际上与ã不同（在视觉上是相同的），但是第二个波浪号存在于一个代码点上。在 Safari 中检查此代码段：

http://jsfiddle.net/allcaps/dhs6bpfh/

当我将字符串复制到 Python 中时，我得到：

`>>> u"Introdução"
u'Introduc\u0327a\u0303o'
`>>> u"Introdução"
u'Introdu\xe7\xe3o'

您使用a和组合波浪线：http://unicode-table.com/en/0303/
您应该使用：http://unicode-table.com/en/00E3/

复制粘贴这些çã到你的 HTML，你很好。

饥荒龙虾大餐代码:龙虾谷歌字体不起作用(lobster two font)

更新

发表评论

评论列表（65条）

饥荒龙虾大餐代码:龙虾谷歌字体不起作用(lobster two font)

更新

相关推荐

发表评论

评论列表（65条）