谷歌浏览器（google chrome）的网页字体优化和显示效果调整方法如下：
1. 使用开发者工具：
- 打开谷歌浏览器，点击右上角的三个点图标，选择“更多工具”>“开发者工具”。
- 在开发者工具中，点击“控制台”（console），输入`window.matchMedia`来检查当前页面的媒体查询。
- 通过修改`media`属性的值，可以改变页面在不同设备上的显示效果。例如，将`width`设置为`768px`可以使页面在桌面设备上以更小的字体显示。
2. 调整页面缩放：
- 在开发者工具的控制台中，输入`document.body.style.zoom`来获取当前的页面缩放级别。
- 输入`document.body.style.transform = 'scale(1)'`来恢复默认的缩放级别。
- 输入`document.body.style.transform = 'scale(0.5)'`来降低页面缩放级别，使页面看起来更小。
3. 使用CSS样式：
- 在开发者工具的“网络”标签页中，找到需要调整的网页，右键点击并选择“检查元素”。
- 在元素面板中，找到需要调整的样式，如`font-size`、`line-height`等。
- 通过修改这些样式值，可以改变网页的字体大小、行高等显示效果。
4. 使用css预处理器：
- 安装并配置css预处理器，如sass或less。
- 在开发者工具中，为需要调整的样式编写新的css规则。
- 通过修改css文件，可以更方便地管理和更新样式。
5. 使用css框架：
- 安装并配置流行的css框架，如bootstrap、tailwind css等。
- 在开发者工具中，为需要调整的样式编写新的css规则。
- 通过修改css文件，可以更方便地管理和更新样式。
6. 使用css动画：
- 在开发者工具的“动画”标签页中，找到需要调整的动画。
- 通过修改动画的关键帧，可以改变动画的显示效果。
7. 使用css布局：
- 在开发者工具的“布局”标签页中，找到需要调整的布局。
- 通过修改布局参数，可以改变页面元素的显示位置和大小。
8. 使用css伪类：
- 在开发者工具的“伪类”标签页中，找到需要调整的伪类。
- 通过修改伪类的样式，可以改变页面元素的显示状态。
9. 使用css变量：
- 在开发者工具的“变量”标签页中，找到需要调整的css变量。
- 通过修改css变量的值，可以改变页面元素的显示效果。
10. 使用css滤镜：
- 在开发者工具的“滤镜”标签页中，找到需要调整的滤镜。
- 通过修改滤镜参数，可以改变页面元素的显示效果。
总之，以上方法可以帮助您在谷歌浏览器中对网页字体进行优化和显示效果调整。请注意，不同的浏览器可能有不同的操作方式和选项，具体操作请参考浏览器的帮助文档或在线教程。