Html 我的网站文本未在iOS设备上呈现

Html 我的网站文本未在iOS设备上呈现,html,css,ios,text,Html,Css,Ios,Text,当我在Android或Windows上运行网站时,文本呈现正常,一切都非常顺利,但当我在iOS上运行网站时,文本就消失了。好像它从未存在过。所有其他元素都被塞入。几乎就像所有文本都有显示:无 这是我的html: 钨设计与ICT 主页 工作 联系人 工作 接触 位于乌得勒支的一家小型IT和设计公司 我的作品 艾利斯遇到了博肯 范吉斯特 海姆斯特尔 联系我 让我们一起做一些伟大的事情! 您的名字 您的电子邮件 有什么事吗? 有什么要补充的吗? 射击 AOS.i

当我在Android或Windows上运行网站时,文本呈现正常,一切都非常顺利,但当我在iOS上运行网站时,文本就消失了。好像它从未存在过。所有其他元素都被塞入。几乎就像所有文本都有显示:无

这是我的html:


钨设计与ICT
    主页 工作 联系人
工作 接触 位于乌得勒支的一家小型IT和设计公司


我的作品
  • 艾利斯遇到了博肯
  • 范吉斯特
  • 海姆斯特尔



联系我 让我们一起做一些伟大的事情! 您的名字

您的电子邮件

有什么事吗?

有什么要补充的吗?
射击


AOS.init();
这是我的css

@font-face{
字体系列:gotham_medium;
src:url(font/GothamMedium.svg);
src:url(font/GothamMedium.ttf);
}
@字体{
字体系列:gotham_book;
src:url(font/GothamBook.svg);
src:url(font/GothamBook.ttf);
}
html,正文{
背景色:var(--tungstun背景色);
边际:0px;
字体系列:“gotham_medium”、“Open Sans”、“Sans serif;”;;
文本呈现:优化易读性;
}

您的实现是正确的,但.ttf文件已损坏。Chrome比safari更宽容,但你也可以看到Chrome上的字体行为怪异(使用你的字体和浏览器默认字体比较两张图片)


从可信来源加载字体,如果使用联机服务重构该字体,请尝试另一种。网站本身可以工作,您可以通过更改字体来测试它。

您的实现是正确的,但是.ttf文件已损坏。Chrome比safari更宽容,但你也可以看到Chrome上的字体行为怪异(使用你的字体和浏览器默认字体比较两张图片)


从可信来源加载字体,如果使用联机服务重构该字体,请尝试另一种。网站本身工作正常,您可以通过更改字体进行测试。

您缺少ios所需的字体格式,如
woff
:谢谢您的帮助!我添加了.woff和.woff2文件格式,现在iOS完美地显示了它:)您缺少iOS所需的字体格式,如
woff
:谢谢您的帮助!我添加了.woff和.woff2文件格式,现在iOS可以完美地显示它:)