3.nicegui最佳实践之“字体设置”

nicegui最佳实践之“字体设置”

1. 问题：

用nicegui开发web应用，字体默认很小？

1. 核心概念：

nicegui每个组件都可以配置相应的class，这对于没有开发过web的同学，多少理解会有点儿困难。不过不要紧，修改以下设置，看效果就好。

“text-h1”、“text-h2”、“text-h3”提供了“标题”类，也就是会像word的标题一样设置文本。

“text-weight-bold”将正文设置成黑体。

3.示例代码:

1. from nicegui import ui  
2.   
3. ui.label("一级标题").classes("text-h1")  
4. ui.label("二级标题").classes("text-h2")  
5. ui.label("三级标题").classes("text-h3")  
6. ui.label("这是正文黑体").classes("text-weight-bold")  
7. ui.label("普通正文")  
8. ui.run()  

4.代码效果及说明

5.官方文档参考:

quasar官方文档：http://www.quasarchs.com/style/typography#%E9%BB%98%E8%AE%A4%E5%AD%97%E4%BD%93

end:关注一下吧~

关于联系方式，可以搜索“敲键盘的生活”。有需要想深入讨论的可以线上交流。