字体调节

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浏览器的元素定位可以帮忙找到代码所在的位置。

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

效果

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

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

Scratch3.0 二次开发（4）修改界面字体大小
目录问题:中文字太小动手吧漏网之鱼解决积木块字体大小 scratch-blocks的编译问题其他直接下载问题:中文字太小这个问题还是有不少人提出来的,官方原生的Scratch离线版对老 ...
迈德威视工业相机python二次开发，修改相机参数
迈德威视工业相机python二次开发,修改相机参数 1. 调用官方给的参考例程grab.py 例程下载地址:https://www.mindvision.com.cn/rjxz/list_12.asp ...
帝国CMS二次开发批量修改标题
一淘模板(56admin.com)在帝国CMS二次开发批量修改标题,以下修改方法可以同时用于 e/data/html/list/alllistinfo.php文件和 e/data/html/list ...
如何改计算机桌面的字大小,电脑界面的字体大小怎么修改:电脑字体大小修改软件...
有时电脑字体太小,看起来很费劲,但是如果字体太大,又会变得有些不适应,给人眼睛造成各种不适应.那么,要怎么调整屏幕字体大小呢?下面是学习小编给大家整理的有关介绍,希望对大家有帮助! 电脑界面的字体大小 ...
vivado18.2编程界面字体大小与颜色修改
vivado2018.2编程界面字体大小与颜色修改在菜单栏中找到Tools选项,点击打开,选择最下方的settings,点击之后打开,如下: 打开Text Editor选项卡,点击Fonts and ...
SolidWorks二次开发,如何修改异形孔的沉头孔大小
可以使用 SolidWorks API 来进行二次开发,修改异形孔的沉头孔大小.具体来说,需要使用 ISldWorks::IGetObject 函数来获取特定的异形孔特征,然后使用 IFeature: ...
Android 屏幕适配（修改系统字体大小、显示大小、修改分辨率相关适配）
Android实际开发中会遇到各种各样的机型,所以就需要对多种机型进行适配.常见的适配在这类就不详细介绍了,大家可以参考这里的系列文章Android通用屏幕适配讲解的已经很详细了.下面说的是:当修改系 ...
【VsCode修改侧边栏字体大小——用缩放的方法】
VsCode修改侧边栏字体大小--用缩放的方法缩放界面字体百分比(包括编辑器界面) 1.Vscode界面缩放 2.Text Editor字体大小调节缩放界面字体百分比(包括编辑器界面) 如果只修改 ...
PDF如何修改文件字体大小
在使用PDF文件的时候会遇到文件中的文字字体大小不一样还有字体样式不一样的情况,这样会显的突兀不好看,这个时候就需要对文件的字体进行修改编辑,那么具体要怎么操作呢?估计有很多小伙伴都很好奇PDF文件的 ...
android仿QQ优雅的修改App字体大小
最近公司有需求需要在App里提供修改应用字体大小的功能,网上查了下资料,感觉都不是和理想,后决定自己实现功能. 实现原理根据Activity的主题动态修改,在主题中添加自定义的字体大小属性,满足不同 ...

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