在Safari或移动浏览器中不呈现字体
是由于浏览器的字体渲染机制导致的。具体来说，移动浏览器和Safari浏览器在加载网页时，会根据网页中指定的字体进行渲染，如果指定的字体在用户设备上不存在或无法加载，则会导致字体无法显示。
为了解决在Safari或移动浏览器中不呈现字体的问题，可以采取以下几种方法：
- 使用Web安全字体：Web安全字体是指在大多数操作系统和浏览器中都能够正常显示的字体，如Arial, Helvetica, Times New Roman等。通过使用这些字体，可以确保在Safari或移动浏览器中字体能够正常呈现。
- 使用字体嵌入技术：字体嵌入技术可以将字体文件直接嵌入到网页中，确保在任何设备上都能够正确显示字体。常用的字体嵌入技术包括@font-face和Google Fonts等。通过使用这些技术，可以在Safari或移动浏览器中实现字体的一致显示。
- 使用系统默认字体：如果在Safari或移动浏览器中不指定特定字体，浏览器会使用设备的默认字体进行显示。这样可以确保字体在不同设备上都能够正常显示，但可能会影响网页的整体风格和设计。
总结起来，解决在Safari或移动浏览器中不呈现字体的问题，可以采取使用Web安全字体、字体嵌入技术或使用系统默认字体等方法。具体选择哪种方法取决于具体的需求和网页设计。
相关·内容
4回答
我想我在移动(iOS 8) Safari中发现了一个谷歌字体的网页渲染错误。在我看来，Mobile Safari在使用Google字体的所有文本中添加了少量的字母间距，或者它使用了另一种字体。我尝试使用哪种Google字体(Open Sans)并不重要。它可以在所有现代浏览器上正确呈现。已测试Android、FF、Chrome、Safari。
尝试在iOS设备上加载此页面，以了解我的意思。另请参阅代码和屏幕截图。查看此链接以进行实时审查：
<!DOCTYPE html>
<html>
<head>
<title></title&g
浏览 0提问于2015-03-03得票数 30
2回答
我有一个字体问题与Arial窄带。由于这个项目，我必须使用Arial Narrow。
我唯一的问题是，字体在chrome中的外观与firefox或safari中的字体不一样。
有人能帮我解决这个问题吗？或者只是浏览器呈现字体的方式，而我无能为力？
火狐或Safari
Chrome
.content { font-family: 'Arial Narrow', Arial, sans-serif; font-size:13px; }
浏览 2提问于2014-01-24得票数 2
回答已采纳
我想在不同的浏览器中以不同的格式显示网页内容。如何开始实施呢？
编辑:更多信息
这背后的动机是在不同的移动设备上显示内容。例如: iPhone使用Safari，所以如果使用safari浏览器，我会调整内容，使其完全适合iPhone的屏幕，并且可以更改字体大小等
如果使用了其他浏览器，我会相应地更改格式。
浏览 4提问于2010-04-23得票数 2
回答已采纳
Safari在OSX桌面版本中呈现类型与在iOS中完全相同吗？
例如，如果您有一个包含一个文本块的元素，那么这些象形文字呈现的宽度是相同的还是略有不同的，这样该文本就可以以不同的行数结束？
还有其他考虑因素如反混叠吗？
浏览 5提问于2013-07-20得票数 1
2回答
这个测试图像显示了Safari将文本放置在一个盒子中与Firefox (Safari 5.0.5和Firefox5.0.1用于MacOSX10.6.7)中的位置有多么大的不同。请注意sans-serif的"S“是如何连接到火狐的顶部，而不是Safari的。这种差异似乎因所使用的字体而异，有些字体甚至是一贯呈现的。
我读过，这是因为font-size和line-height之间的舍入问题(并且通过设置比大小小的高度来修正)，但我认为我的例子证明了这一点，即火狐中的sans-serif/helvetica总是对齐框中的顶部。
在我看来，Safari似乎比Firefox更正确，也就
浏览 2提问于2011-07-14得票数 14
回答已采纳
我有个网站。我一直在windows上测试交叉浏览器，它在所有浏览器上看起来都很不错，但是在Safari的Mac上，CSS似乎没有得到正确的解释，或者出现了一个关键的javascript错误。
当我跨浏览器查看控制台时，错误日志显示的完全相同。mac上的Chrome将网站解释为原意，那么为什么我对safari有问题呢？
这在不同的计算机上是一样的，而iphone safari也表明这个网站是错误的。
这是如何可能的，以及如何调试？
浏览 0提问于2013-11-03得票数 6
回答已采纳
我使用google的字体，它不会在safari中显示在我的机器上，尽管我在safari中的其他机器上看到了它的正确呈现。，可能出了什么问题？，它可以在其他浏览器上工作，比如火狐和chrome。
SCSS行包括以下内容：
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic");
或者，是否有任何方法来调试HTML元素使用的字体系列？我看到了CSS中引用的正确的字体系列，并且样式规则被应用于元素，但它显示为这些看起
浏览 1提问于2015-04-06得票数 0
1回答
我试图在移动网络应用程序中使用@字体，但它并不适用于安卓系统的Chrome 。
It 正在进行以下工作：
iOS上的狩猎
默认Android浏览器
OSX上的Safari
Windows环境下的Chrome
Windows上的Firefox
Windows环境下的IE11
下面是我使用的代码：
@font-face {
font-family: 'liat';
src: url('../fonts/liat_3.ttf') format('truetype');
font-weight: n
浏览 3提问于2014-02-17得票数 6
回答已采纳
字体问题与PDF到的转换
所有"ti“、"fi”、"tt“字符都不见了。
字体重叠问题
注意:我不理解firefox的这个问题。在safari浏览器中获取铬中的上述问题
I正在使用
使用0.13.6版本的pdf2htmlEX
使用以下命令将pdf转换为html
pdf2htmlEX -拆分-第1页-缩放3-合适宽度920 -正确-文本-可见性1-最-迪尔1美元2美元2>&1
尝试过
使用--fallback 1选项解决了上述所有问题。但
回退选项降低了文档的清晰度。
页中的表会消失，而
浏览 10提问于2016-04-26得票数 0
回答已采纳
当我将一个<text>元素放入SVG文件中，然后调整SVG图像的大小时，Safari可以平滑地调整图形元素的大小，但以“跳变”的方式调整字体大小。这种Safari行为使得很难对齐文本元素和非文本元素，因为随着页面大小的调整，文本大小相对于其他元素发生了变化。
有没有办法强制Safari中流畅的字体大小，或者，如果不可能的话，至少可以用同样的快速方式调整字体和非字体元素的大小，这样它们就不会错对？
下面的图片就是一个例子。如果我在Firefox或Chrome中调整页面的大小，则绿色、橙色和粉红色的框相对于下面的文本保持在相同的位置。如果我在Safari中水平缩小页面以调整图像的大小，
浏览 4提问于2020-11-10得票数 0
回答已采纳
我有一个文本元素，其CSS规则如下：
box-sizing:border-box;
color:rgb(38, 38, 38);
display:block;
float:left;
font-family:Brandon, sans-serif;
font-size:14px;
font-weight:700;
height:20px;
line-height:16.8px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
text-align:left;
浏览 0提问于2018-02-19得票数 1
回答已采纳
2回答
我设计了一个使用大量谷歌网页字体的网站。不幸的是，在WinXP (IE6-8)上，一些字体似乎过于强烈地反别名，失去了视觉定义和清晰度。IE8上的任何其他浏览器(Safari、Chrome、FF)以及MacOSX上的浏览器上都没有问题。
IE8 on WinXP (过度热心的AntiAliasing)
Chrome WinXP (好看)
因此，我正在考虑使用来自的等效字体。与Google字体相比，使用@字体的优缺点是什么？到目前为止，从我的实验来看，他们看起来好多了.
PS。在加载@字体字体之后，document.ready()会被触发吗？
浏览 1提问于2012-01-23得票数 0
回答已采纳
我注意到safari和chrome的字体大小是不同的，即使没有使用css。代码非常简单，没有涉及任何样式，但在safari和chrome中仍然显示出大小上的主要差异。在任何浏览器上都没有缩放功能。
<html>
<head>
</head>
<body>
Hello
</body>
</html>
下面的链接是我所指的屏幕截图。
有人能帮上忙吗？
谢谢!
浏览 0提问于2013-04-13得票数 0
回答已采纳
与IE相比，在Chrome中，Arial字体呈现得更轻更薄。
有没有办法让Arial在流行的浏览器(IE8+，FF，Chrome Safari)中呈现相同的效果？
如果我购买或下载了一个自定义字体，是否可以用此自定义字体替换浏览器的默认Arial字体？对于所有的用户来说，它在不同的浏览器上是一致的吗？
我有许多引用Arial的样式表，因此我无法更改每个样式标记以引用新名称。
浏览 0提问于2013-02-06得票数 0
回答已采纳
我的网站的CSS文件中包含以下内容：
body {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.125em;
line-height: 1.5em;
}
在我的Mac上的Safari中，网站的字体看起来和我想要的一样：
但是，在IE和Chrome中的Windows计算机上，字体看起来不像上面的字体，请参见：
我的问题是，我如何让字体在所有操作系统的所有浏览器中看起来都一样，这样看起来就像上面的屏幕截图#1？
提前感谢您的帮助。
浏览 4提问于2012-10-28得票数 5
10回答
Safari字体呈现问题
、、、、
如下所示，Chrome中的Texta字体与Safari完全不同。Chrome以我喜欢的方式显示字体，但是Safari在OS和iOS上的渲染看起来太薄了。下面的Safari图像是在iOS上拍摄的，您可以看到，由于某种原因，字体看起来好像有两位文本。
我一直在寻找解决办法，但什么也没找到。我试过使用-webkit-font-smoothing: subpixel-antialiased;，但根据的说法，代码不再起作用了。
Chrome:
Safari on iOS:
下面是上面图像的代码：
h2 {
font-family: 'Texta-Light',
浏览 17提问于2015-06-25得票数 42
回答已采纳
我使用这个CSS来设计一个div：
#mainSection .mainArticle .text {
width: 600px;
margin-top: 0px;
margin-left: 20px;
line-height: 26px;
color: white;
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
下图显示了Safari和Chrome之间的区别：
我不知道为什么会这么不一样。这种字体在Chrome
浏览 9提问于2014-06-07得票数 0
回答已采纳
1回答
@字体面的CSS问题
、、、
因此，我是前端编码这个华丽的新启动网站，我正在使用一个特定的字体。我使用的是@字体，字体显示在所有浏览器中，但有一些问题：
1)字体看起来像像素，这使它有点难看。这个问题实际上已经发生在我与其他字体之前，所以我会很高兴，如果有人建议我如何使字体顺利。
2)在Opera和Safari中，字体呈现正常(仍然是像素化)，但在IE、Firefox和Chrome中，字体呈现粗体，比正常情况下大胆一些。我试着把字体重量，但字体不支持任何重量，所以这是正常的。对这个问题有什么想法吗？
我真的想要这个字体，我不明白每个人是如何使用字体面对所有这些渲染问题的。我希望我错过了什么。
浏览 3提问于2011-09-14得票数 2
4回答
我有一个问题，相同的字体(相同的字体名称和大小)在Internet Explorer和Firefox(以及Chrome和Safari)之间显示不同。
这就是IE9的样子(希望细节足够高，以显示字体更粗/具有比应有的更高的权重)：
这就是Firefox等的样子：
有没有一个CSS重置，可以让浏览器的字体保持一致？也许是IE的黑客攻击？
下面是该页面的简单HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
浏览 0提问于2012-03-12得票数 4
2回答
据我所知，Safari和Chrome都使用WebKit。有许多项目允许您嵌入WebKit，但我实际上想要的是在C#应用程序中嵌入Chrome (用于Windows)，以便我的应用程序呈现与Windows上的Chrome相同的效果。
所以当我嵌入的时候，比如说，渲染，CSS支持，Javascript引擎，字体渲染等等，是Chrome for Windows的，还是底层WebKit引擎的？
想必，WebKit不会处理字体和控件渲染之类的事情，或者Chrome和Safari在Windows上看起来是一样的，但它们并不一样(Safari有模糊文本的问题，还有其他区别)。
那么，是WebKit负责布局和
浏览 2提问于2010-08-13得票数 6
回答已采纳
在我的应用程序中，我设置：
html {
font-family: 'Source Sans Pro',"Helvetica Neue",sans-serif;
}
我将边框宽度设置为0.1rem，现在我注意到在Chrome中将边框宽度设置为1.6px，在Safari中将其设置为1px。
Safari和Chrome中的文本显示大小相同，那么为什么线条的宽度呈现不同呢？
我在一些网站上看到设置字体大小: 100%。作为一个好的实践，我应该设置这个吗？
还有一个问题。以这种方式设置rem的边框宽度对我来说是个坏习惯吗？我使用rem，因为应用程序中的所有东西都
浏览 0提问于2015-11-30得票数 0
可能重复: 您在哪些浏览器中测试您的网站？
我正在为IE6、7和8设置3台windows虚拟机，在我的win7主机上安装ie9。
哪些版本的FF，Chrome，或者Safari？我是否也应该考虑安装？
如果你能推荐一个网站来帮助我在mac上测试我的网站(我没有mac，在VM上安装OSX是违法的，对我来说太难处理了)，那就太好了。我相信，我应该关注字体将如何呈现，以及由此可能产生的任何布局更改。
浏览 0提问于2011-12-19得票数 0
回答已采纳
我一直在一个项目中使用HelveticaNeue-CondensedBold字体。这是iOS中包含的字体。当它在Chrome，Safari和Firefox中显示时，由于某些原因，我得到了一个不必要的粗体或双倍字体效果。
今天我遇到了一种方法来修复它，但不确定这是不是字体渲染中的错误？
我下面的例子显示了没有不透明的字体，不透明度设置为.9999999 (这使字体看起来正常)，不透明度设置为8位(这使它看起来像原来的双粗体)。
.noOpacity {
opacity:1;
}
.opacity7digits {
opacity: .9999999;
}
.opacity8dig
浏览 2提问于2012-11-07得票数 3
回答已采纳
我对Safari使用Typekit字体和文本呈现:css中的optimizeLegibility删除单词之间的空格有问题。
它在Chrome中运行得很好，所以它不是一个webkit问题。它在Firefox中也很好用。我想使用optimizeLegibility的原因是，在webkit浏览器中，kerning很可怕。
有什么建议吗？
编辑： (它在火狐和Chrome中工作得很好，但在Safari5.1.7中就不行了(至少在Windows中不是这样))
作为另一种选择，如果有人可以帮助我在火狐中获得起点，就像Chrome一样，我可以使用lettering.js或其他什么工具来手动控制它。我无法让它
浏览 1提问于2012-09-11得票数 1
有人遇到过这个问题吗？Windows 7 Chrome字体OTF发行
我有一个web字体，并在FF/IE中添加了一个很棒的css3...Looks (或者采用备份)/Safari，但是在css3...Looks中，它看起来非常糟糕：
我试过这个：-webkit-font-smoothing: antialiased;
...Which在Safari中修复了它，但没有在Chrome中修复，并在这里看到了Mac应该可以工作：
我也查过了：
以下是我所拥有的：
@font-face { font-family: SeravekBasic; src: url('/fonts/SeravekBa
浏览 0提问于2013-01-03得票数 0
回答已采纳
当使用字体系列在SVG中呈现文本时，Chrome 32.0.1700.107将选择合适的字体。但是，如果我使用相同的SVG作为img元素的输入，则会使用不正确的字体。如果我指定了我所知道的系统上的特定字体，那么该字体将在svg和img元素中正确地呈现。一个简单的例子：
<svg id="scalingSvg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100">
<rect width="
浏览 4提问于2014-02-21得票数 4
如果我将position: fixed设置为div，则内部的字体文本将变得更薄，根本无法读取。
如果位置是绝对的、相对的或静态的，字体就会以正确的方式呈现。
这个问题发生在iOS 6的Safari中，只有。我对iPad和iOS 7没有异议。
有什么想法或定制的webkit属性我可以调整吗？
(我已经尝试过-webkit-text-size-adjust: 100%，但没有结果)
即使系统字体自定义字体也会出现问题。
浏览 1提问于2013-10-15得票数 0
1回答
我已经用头撞墙好一阵子了……我可以使用Flash + Fpdf来做这件事(参见)。
然而，由于Flash在移动平台上没有得到很好的支持，我觉得我需要迁移到其他东西(HTML5?)。我发现的唯一问题是，我不能让网页中的嵌入字体看起来与它们在PDF中呈现时的效果完全一样……除非我用闪存。
这行得通吗？嵌入字体能以一种渲染像素完美的方式与HTML5一起使用吗？
浏览 8提问于2012-04-13得票数 1
1回答
我在Photoshop中设计了一个网站，并且对结果很满意，所以我开始对它进行编码。不过，我在字体渲染方面有一些问题。与Photoshop相比，浏览器中的字体看起来糟透了。但是，字体从一开始就在Opera中呈现得很流畅。
经过一些搜索，我也设法使它在Chrome和Safari中呈现得很流畅。我通过将“svg”移动到CSS中的@字体面板的顶部来修复它。
不过，我在Firefox和方面仍然有问题。我相信这两个最新版本。
():图像
蓝色的文字才是问题所在。
和@字体代码：
@font-face {
font-family: 'MuseoSlab500Regular';
浏览 2提问于2012-09-30得票数 2
回答已采纳
我有一个问题，试图保持一个稳定的字体风格在所有的浏览器。如下图所示，safari的字体呈现系统使字体重量小于chrome的字体重量。
Safari:
Chrome:
我试过使用在其他问题上找到的解决方案，尽管他们还没有解决这个问题。如何在所有主要浏览器中保持不变的字体样式？这是Chrome，Safari，Opera，Firefox和。
，这是我尝试过的。
-webkit-font-smoothing: antialiased;
font-weight: 800;
text-rendering: optimizeLegibility;
浏览 3提问于2015-06-16得票数 22
回答已采纳
我在Safari5中显示引号和重音时遇到了一个奇怪的问题，我在下面的代码中使用了字体字体。
@font-face {
font-family: 'MendozaRomanStd-Book';
src: url('fonts/mendozaromanstd-book.eot');
src: url('fonts/mendozaromanstd-book.svg#mendozaromanstd-book') format('svg'),
url('fonts/mendozaro
浏览 0提问于2013-03-24得票数 0
回答已采纳
1回答
我已经使用AngularJs实现了一个网站。我使用了几种字体，包括cambria和calibri使用字体系列，这些字体在Webiste甚至Ios移动电话(Safari浏览器)上都工作得很好，但是在我检查过的所有Android版本和浏览器上都没有同样的效果。
我用过
font-family : cambria
在css中。
任何帮助都将不胜感激。谢谢你。
浏览 2提问于2017-05-19得票数 0
回答已采纳
我有一个带有asp.net菜单的asp.net页面。
我将菜单项中的字体定义为Myriad Pro。
在IE和Firefox中可以正常显示，但在Safari中菜单项显示为空白。
当我将字体类型更改为另一种字体时，它工作正常。
那么有没有办法让Myriad Pro字体出现在Safari上呢？
谢谢
浏览 3提问于2010-06-28得票数 2
回答已采纳
我正在使用@ font -face在一个网站上呈现自定义字体，字体是‘外交部ExtraLight’，我也使用这个网站来生成字体文件。
它在FireFox上看起来很好。但在Chrome/IE/Safari上，字体看起来有点臃肿。当我检查字体时，它实际上设置为
font-weight: normal;
font-style: normal;
font-variant:normal
但它使字体变得粗体或增加了份量。
有没有人撞到过这样的东西？
浏览 0提问于2011-05-20得票数 2
3回答
我在将图片与元素中文本的顶部对齐时遇到了问题，因为文本顶部和元素框顶部之间的间距在不同的浏览器上是不同的(到目前为止，在IE7、Safari4和FF3之间是不同的--没有测试任何其他的东西)。尤其值得注意的是，我使用的是大字体(48px)。有没有办法重置它们，使它们都是一样的？它不是边距/填充。
如果我只是从header元素中取出文本并将其放入div中，这似乎是一个简单的修复方法，但实际上它是一个header元素，如果可能的话，我仍然想使用它。
浏览 0提问于2009-09-13得票数 1
回答已采纳
I样式的响应式网站使用js来确定字体大小，然后应用css使用的类进行各种布局调整。简而言之，我的js检测环绕在文本字符周围的span的大小调整。最新版本的移动Safari提供了一个字体大小调整控件，它的缩放机制不会触发我的检测js。关于我可以用来检测移动Safari字体大小的事件或其他更改，有什么想法吗？也许是一个css媒体查询？我尝试了一个基于js intersectionobserver的解决方案:在桌面上工作，而不是在移动设备上工作:-(
浏览 2提问于2019-10-10得票数 0
1回答
多浏览器中的字体权重
、、、、
我正在使用字体的重量在我的网站上呈现。
现在它在google上工作得很好，但在safari上却显得很瘦。如有任何帮助，我们将不胜感激。
浏览 4提问于2014-04-07得票数 0
回答已采纳
1回答
我们的UX团队提出了一些缺陷，说在一些Phonegap页面上使用了错误的字体。
查看代码，我们在font-family中指定了多个选项，如下所示：
font-family: Helvetica Neue,Helvetica,arial,san-serif;
有没有办法找出哪种字体已经被渲染了？
我知道Google chrome和Firefox本身就能分辨出哪种字体已经被渲染了，还有一些桌面safari的扩展，还有一款应用可以告诉你哪种字体已经在移动safari中被使用过。但所有这些似乎都不适用于Phonegap页面。
有没有其他开发人员使用的技巧来精确地找出呈现了哪种字体。
浏览 1提问于2015-09-07得票数 0
我页面上的文字在Safari、Opera和Chrome上看起来很模糊：
我正在使用这样的CSS：
.tytulmalykom {
color:#666666;
font-size:11px;
font-variant:small-caps;
}
它在Firefox和Internet Explorer上运行正常。还有别的选择吗？
浏览 2提问于2012-06-28得票数 0
回答已采纳
3回答
我正在尝试在现代浏览器中显示旧的HTML2。(创建得不好) HTML3代码包含带有size属性的字体 HTML元素。文本的大小是以像素为单位定义的，因此size="14“意味着用户希望文本大小为14 be。
W3School文档指定大小属性的有效值只能是"1,2,3,4,5,6,7，+1，+2，+3，+4，+5，+6，+7，-1，-2，-3，-4，-5，-6，-7“。所以看起来字体大小属性单位的不是像素，而是em或者什么的？
是否有一种方法可以获得字体元素，以像素单位显示字体文本大小？
我尝试过以下几种方法，但它们在Safari浏览器中不起作用：
<font size=&
浏览 7提问于2011-11-04得票数 0
回答已采纳
我已经使用创建了一个@font-face工具包。
它工作得很好，但在windows上的结果与在mac上的结果不同。
在windows上，字体似乎有一个错误的抗锯齿：
这是在Mac上使用FF、Chrome或Safari的结果(都更新到了最新版本)。
这是在使用FF或Chrome的Windows上的结果。
正如你所看到的，结果是不一样的。在Windows上，字体更粗、更粗糙。
我该如何解决这个问题呢？
浏览 5提问于2010-10-31得票数 26
回答已采纳
我在我的网站上使用了两种特殊的字体作为标题和副标题。它们在IE、Firefox和Chrome的PC上都运行得很好。然而，在使用Safari和Chrome的Mac电脑上，字体显得更加大胆和略微模糊。我使用的特殊字体是Utopia和Helvetica Neue Condensed Bold。我已经基于otf文件使用font squirrel生成了字体工具包。我使用的是font squirrel生成的CSS。你可以在上看到这个网站。我也有截图比较不同浏览器在Mac和PC上的结果，网址是：
我使用的CSS代码是：
@font-face {
font-family: 'Utopia
浏览 1提问于2012-08-01得票数 4
回答已采纳
我曾经在我的网站上使用过名为的谷歌字体，它在火狐和IE上看起来不错，但在safari和Google上却没有.请查看图片..。
我希望它能够在每个浏览器上工作，而不需要任何像素问题。
请你提出最佳建议.
谢谢
浏览 3提问于2014-04-12得票数 2
回答已采纳
我正在尝试在Chrome的macOS上渲染San Francisco字体，但它似乎在新的更新中崩溃了。 它似乎在Safari和iOS Chrome上运行得很好。 我不确定加载的是什么字体，但字体粗细看起来像100，但使用Roboto时除外。 下面是我的CSS选择器： h1 {
font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
} 如何在新
浏览 23提问于2020-04-22得票数 0
回答已采纳
1回答
我有一个网站，使用自定义字体从谷歌字体。在我的网站上，它通常是对齐的，但在我的android上，源代码不对齐。通过各种移动技巧进行研究，我想知道其中的任何一个是否真的有效，因为，一个接一个地测试，它不起作用。我做错了什么？
@media screen and (max-device-width 480px)
::made-up-pseudo-element, .selector {}
@media only screen and (-webkit-min-device-pixel-ratio: 2){}
溶液
在使用此黑客之前，请将这一行添加到<head> HTML中：
<
浏览 4提问于2013-08-19得票数 0
我遇到了Pacifico字体的问题，它可以在Google字体中找到。这个问题只发生在Chrome和Safari上，其他浏览器也可以。
示例：
问题是D字是在左手边裁剪的。如果我添加了一些padding-left，它就会正确显示。这种情况只发生在Pacifico字体中。
怎么了？
HTML:
<div class="pacifico">Deli D</div>
<div class="pacifico padding">Deli D</div>
<div class="damion">D
浏览 4提问于2013-11-05得票数 2
我有一个关于CSS伪类:before的问题。设置非常简单：
.homepage .slick-dots li button:before {
font-size: 30px !important;
content: "○" !important;
color: #e41b13;
opacity: 1;
}
.homepage .slick-dots li.slick-active button:before {
font-size: 30px !important;
content: "●" !important;
c
浏览 1提问于2015-03-25得票数 0
2回答
检查此
当font-size设置为1.5em时，为什么datepicker的大小会有所不同？em的数量并不重要，我尝试了不同的字体大小，但我仍然得到相同的问题。红色框被设置为460px，您可以在那里查看firefox和chrome/safari中的datepicker大小的差异。
编辑:我已经试过使用px insted of em了
浏览 0提问于2011-09-09得票数 1
回答已采纳
1回答
当我为我的客户开发一个日本网站时，我遇到了以下情况：
在截图中，hiragana/katakana渲染和kanji渲染看起来使用了两种不同的字体
在google chrome和其他现代浏览器中：
它不仅限于日语，如果我使用简体中文(GB2312)，这种问题也会发生；繁体中文(Big5)没有这样的问题。
IE中的渲染看起来很糟糕，主要的观众将使用IE，我如何解决这个问题？
I没有在CSS中指定任何字体。
浏览 2提问于2012-08-07得票数 0
回答已采纳
在Firefox和Safari/Chrome之间的行间距之间，我似乎有点小问题。
第一个图像是左边的链接和底部表格后面的文本行应该是这样的：
正如您所看到的，这些链接与矩形“第一个成因组”徽标排列得很好。
正如你所看到的，链接在左边是垂直延伸的，因此在某种程度上导致底线向下移动。
我发现这个问题是利润率最高的: 1px；我给了链接中的每一个链接(主页、关于我们的链接、产品链接、联系人链接)，而且火狐似乎使1px的利润率大大超过Safari或Chrome，并扭曲了它。
我试着装上通用标签
{边距:0；填充:0；边框:0；}
但这似乎没什么用。有什么办法在firefox中解决这个问
浏览 3提问于2011-05-21得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
