由于加载字体,菜单分为两行

时间:2013-12-19 09:37:07

标签: jquery html css

问题

Q1。

我问了几位设计师,他们说加载时菜单会因加载字体而掉到两个。我已经看到网站完美地做到这一点,所以有没有办法在尽可能加载时将菜单保持在一个栏中?我使用谷歌的ABEL字体。

Q2。

是否可以允许首先加载某些图像,因为我的网站上有较小的图像位于图像顶部并且看起来很麻烦。

Q3。

话虽如此,有些人告诉我要忽略它们。有人建议采取另一种方式,即在显示网站的完全加载内容之前加载它。有没有办法做到这一点(我不想要任何加载栏或任何东西)。

1 个答案:

答案 0 :(得分:0)

<强>答复

<强> A1。

某些字体可能会导致菜单溢出到第二行。您可以通过设置固定宽度并在两侧使用一些缓冲区来处理此问题。如果这不可行,请尝试将按钮标签的字母间距缩小为letter-spacing: 0.5px;

<强> A2。

是的,首先可以加载某些图像。为此,您可以查看lazy loading plugin of jquery

<强> A3。

您可以采取以下措施快速加载图片: 1.从设计师那里获取缩小的优化图像以获取缩略图 2.如果背景图片很大,请考虑使用pattern fill (using background repeat)