前端部署错误,回退的时候可以使用window.scrollTo()强制回退到上次浏览位置。
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。
这是因为知乎在 CSS 中使用的字体回退设置是:font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
将 Helvetica Neue 写在最前面是为 OS X 和 iOS 进行优化。在 OS X 和 iOS 的字体渲染机制下,Helvetica Neue 显然是比 Arial 更佳的选择。但是 Helvetica (Neue) 的 hinting 不如 Arial, 所以在 Windows 的 ClearType 下,效果会较差,估计你觉得「很不习惯」是来源于此。
Windows 系统自带字体中没有 Helvetica Neue 和 Helvetica, 所以这样写 CSS 可以使 Windows 和 OS X / iOS 都获得较佳的字体选择,并无不妥。而若在 Windows 中安装了 Helvetica (Neue),问题就会出现。
解决方式有几种:
1、使用 MacType 这样的 OS X-like 字体渲染插件;
2、卸载 Helvetica (Neue), 或是通过字体管理软件按需激活;
3、使用自定义 CSS 来 hack, 利用 @font-face 将 Helvetica Neue 和 Helvetica 替换成 Arial——
@font-face { font-family: "Helvetica Neue"src: local('Arial') }
上述代码我仅在 OS X 中测试过,并且是用来将 Arial 替换成其他字体。在 Windows 下不同浏览器的效果如何,并不清楚。