龙虾谷歌字体不管用

Question

我对龙虾字体有一些问题。当我在Safari浏览器中打开网站时，有些词加载正确，而另一些单词则不起作用。你如何在急流中看到：第一图像

第二图像

以下是两者的代码：

@import url('https://fonts.googleapis.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;
    }

能帮我吗？

Answer 1

加载的龙虾只包含标准的拉丁文符号。您还需要latin-ext (拉丁扩展)子集。如下所示：

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

更新

HTML包含两个部分的符号。一个是a，另一个是combine tilde。他们一起做ã。这实际上与ã不同(是的，视觉上是一样的)，但是这第二个倾斜体生活在一个代码点上。查看Safari中的这个片段：

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

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

`>>> u"Introduçã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中，你就没事了。