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

问题

Q1.

我问过几位设计师，他们说加载时菜单一分为二是因为加载字体造成的。我见过这样做的网站非常好，那么有没有办法在加载时尽可能将菜单保留在一个栏中？我用的是谷歌的阿贝尔字体

Q2.

有没有可能允许先加载某些图像，因为我的站点上有一些较小的图像，它们位于图像的顶部，看起来有点凌乱

Q3.

---

说到这里，有些人告诉我干脆忽略它们。一些人建议采用另一种方式，即在显示网站已完全加载的内容之前加载。有没有办法做到这一点（我不想要任何加载条或任何东西）。

答案

A1.

某些字体可能会导致菜单溢出到第二行。您可以通过在两侧设置固定宽度和一些缓冲区来解决这个问题。如果不可行，尝试将按钮标签的字母间距减小为

字母间距：0.5px

A2.

是的，首先加载某些图像是绝对可能的。要实现这一点，您可以查看

A3.

要快速加载图像，您可以做几件事：
1.从您的设计师处获取更小、优化的图像，以制作缩略图
2.如果背景图像巨大，考虑使用