【Scratch二次开发】06-修改界面字体大小

字体调节

Scratch在1.0和2.0的版本中，都支持字体调节。但是在3.0版本中，这个功能消失了。而且，在分辨率低的情况下，界面上的中文文字看不清楚。下面，我们就来解决这个问题。

菜单栏文字

对于菜单栏文字比较好改，我们找到src/css/utils.css文件，在里面找到$menu-bar-standard-font-size配置改就可以了。

[!note]

如果针对页面上某一个字体需要调整，可以直接在项目中全局搜索。

舞台文字

舞台的文字在src/components/stage-selector/stage-selector.css中，全局搜索font-size，然后修改字体大小即可。

标签文字

这些标签文字，也可以放大。

找到所在的css文件，把label的标签设置大一些就可以了。

积木菜单文字

的文字在src/components/blocks/blocks.css中，全局搜索font-size，然后修改字体大小即可。

但是，我们发现只有积木块的菜单栏字体改变了。积木块的字体还是没有改变。

积木块的文字需要单独的项目——scratch-blocks。

积木块字体

scratch-blocks项目：https://github.com/LLK/scratch-blocks

由于这个项目编译比较麻烦，需要安装Python环境，而且还不一定能够成功。

为了方便起见，我们不用npm link方式了，直接在node_modules文件夹中找到scratch-blocks，在里面修改。

首先，我们打开浏览器控制台，找到积木文字的class有哪些。

然后，我们去搜索，在node_modules/scratch-blocks/core/css.js中，我们看到了字体的定义。

原来的字体是12pt，经过测验，我定义成为14pt效果比较好。

注意，在node_modules/scratch-blocks/core/css.js中还是未编译的，所以单纯改动css.js文件不build编译的话就没有效果。

真正需要修改这几个文件下面的font-size属性，这几个文件比较大，全局修改比较耗时。

特定字体

如果发现还有字体大小偏小，可以进行逐个微调，Chrome浏览器的元素定位可以帮忙找到代码所在的位置。

比如，这个菜单，就这样找到的。

效果

最终，字体整体变大，效果如下。