当前位置: 首页 > 工具软件 > 思源宋体 > 使用案例 >

html 使用 思源字体_Flutter使用思源字体

公孙霖
2023-12-01

1、找到字体ttf

2、导入项目

fonts:

- family: NotoSerif

fonts:

- asset: assets/fonts/NotoSerif-Regular.ttf

- asset: assets/fonts/SourceHanSansCN-Light.ttf

3、使用

import ‘package:flutter/material.dart‘;

import ‘package:shared_preferences/shared_preferences.dart‘;

void main() {

// declare the text style

const textStyle = const TextStyle(

fontFamily: ‘NotoSerif‘,

);

// use the text style

var buttonText = const Text(

"思源宋体",

style: textStyle,

);

runApp(MaterialApp(

home: Scaffold(

body: Center(

child: RaisedButton(

onPressed: _incrementCounter,

child: buttonText,

),

),

),

));

}

_incrementCounter() async {

SharedPreferences prefs = await SharedPreferences.getInstance();

int counter = (prefs.getInt(‘counter‘) ?? 0) + 1;

print(‘Pressed $counter times.‘);

await prefs.setInt(‘counter‘, counter);

}

 类似资料: