饥荒龙虾大餐代码:龙虾谷歌字体不起作用(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,你很好。

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

(361)
少儿编程有考级吗:过程编程比OOP有什么优势吗(benefits of oop)
上一篇
Ntp校时服务器地址:无法通过NTP服务器的IP地址同步OS7 NTP客户端
下一篇

相关推荐

  • html浏览器兼容代码:Hello World

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

    2023-03-14 10:13:02
    0 90 27
  • android svg使用:Using SVG in Android for Beautiful and Scalable Gr

    Android SVG 使用是指在 Android 平台上使用 SVG(Scalable Vector Graphics)文件。SVG 是一种 XML 格式的图像文件,具有良好的可伸缩性,可以根据不同的分辨率自动适应。…

    2023-02-24 12:22:45
    0 80 85
  • php接收post请求:为hello world的html页面 Hello World

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

    2023-02-05 06:47:41
    0 87 67
  • html5网页代码模板:为Hello World的网页 Hello World

    HTML5网页代码模板是一种可以快速创建基于HTML5的网页的模板,它可以帮助开发者快速构建出高质量的网站。下面是一个简单的HTML5网页代码模板示例:…

    2023-01-11 02:11:52
    0 49 71
  • html重置代码:Hello World!

    示例示例HTML重置代码是一种CSS代码,用于重置浏览器默认样式。它可以让你的网站在不同的浏览器中看起来更一致。下面是一个HTML重置代码的示例:…

    2023-01-11 14:26:15
    0 36 30
  • html网页背景颜色:Beauty of the Html Webpage Background Color

    html网页背景颜色可以通过CSS中的-color属性来设置,代码如下:…

    2023-03-09 03:00:45
    0 50 64
  • Xmind程序流程图:html流程图 /工作流程图(workflow diagrams)

    关于Xmind程序流程图的问题,在workflow diagrams中经常遇到,我有大量的流程图和工作流程图。我想绘制它们并将它们转换为网页,我也需要流程图中的每个对象都是可点击的。我尝试了 Visio,它确实将流程图保存为网页。但我发现结构太复杂了,具有不同级别的文件层次结构与大量的 javascript 文件和 css 文件。我只知道一些基本的 html 和 javascript 这样的流程图,我只需要一个简单的 clicka 程序…

    2022-11-23 08:49:13
    0 33 34
  • Html标题代码:HTML邮件标题(html header for email)

    关于Html标题代码的问题,在html header for email中经常遇到,我在我的 Ubuntu 服务器上设置了 PHP 和 Postfix。我需要从 PHP 脚本发送 HTML 电子邮件。电子邮件发送得很好,但它显示为包含 HTML 标签的纯文本。此外,一些标题也显示在电子邮件本身中。…

    2022-11-23 08:45:03
    0 34 55

发表评论

登录 后才能评论

评论列表(51条)