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

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

second 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

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

https://fonts.googlea.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,你很好。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(678)
Html服务器:html/css服务器状态检查器
上一篇
Html背景半透明代码:如何制作半透明背景(semi transparent)
下一篇

相关推荐

  • html hello world代码:Hello World

    Hello World代码如下:…

    2023-08-12 15:17:14
    0 72 13
  • html浏览器兼容代码:Hello World

    HTML浏览器兼容代码是指为了让不同的浏览器能够正常显示和支持网站内容,而编写的代码。具体来说,就是在编写 HTML 代码时,要遵循 W3C 标准,使用相应的代码规范,以确保网页在不同的浏览器中能够正常显示,从而达到浏览器兼容的目的。…

    2023-03-14 10:13:02
    0 13 76
  • html代码hr表示什么分割线

    示例示例HTML代码hr表示水平线,它可以用来将文档分割成不同的部分,以提高页面的可读性。下面是一个hr标签的示例代码:…

    2023-05-01 14:39:41
    0 57 62
  • php格式化html:Hello World!

    PHP格式化HTML的主要目的是使HTML更易读,更容易维护和编辑。它可以帮助你更容易地找到HTML中的错误,并使代码更具可读性。…

    2023-04-16 06:41:22
    0 80 68
  • html外部样式:Hello World

    html外部样式指的是在HTML文件中使用外部CSS文件来定义样式。在HTML文件中,可以通过标签将外部CSS文件引入,然后在CSS文件中定义样式。…

    2023-06-12 12:33:26
    0 93 77
  • markdown嵌入html代码:标题

    Markdown嵌入HTML代码是指在Markdown文件中使用HTML标签来实现更丰富的文本效果,它可以帮助我们更好地表达我们的想法。…

    2023-06-28 02:35:54
    0 43 80
  • php接收post请求:为hello world的html页面 Hello World

    示例示例PHP接收POST请求的方式有两种:使用$_POST变量…

    2023-02-05 06:47:41
    0 49 97
  • html弹出窗口代码:为“你好!”的弹出窗口alert(你好!);

    html弹出窗口代码是一种使用JavaScript来创建弹出窗口的技术。它可以让你在网页上显示一个可以提供更多信息的小窗口,而不会影响原来的网页内容。下面是一个简单的html弹出窗口代码示例:…

    2023-09-12 03:43:20
    0 94 23

发表评论

登录 后才能评论

评论列表(73条)