美文网首页
Flutter使用思源字体

Flutter使用思源字体

作者: FrankyJ | 来源:发表于2019-03-08 15:02 被阅读0次

1、找到字体ttf

https://github.com/Pal3love/Source-Han-TrueType

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);

}

相关文章

  • Flutter使用思源字体

    1、找到字体ttf https://github.com/Pal3love/Source-Han-TrueType...

  • 思源字体那些事

    Adobe与Google为东亚地区发布了思源系列字体,这些字体同时支持中文、韩文与日文。但是,思源字体使用了不同的...

  • 开源免费的中文字体分享~

    今天和大家分享几款开源免费的字体,方便大家查询、下载和使用: 字体包括:思源宋体、思源黑体、源柔体、文泉驿系列、站...

  • 压缩网页使用的字体库,思源黑体精简版

    功能背景 在网页中特殊情况下会使用非标准字体(最近的项目中需要使用思源黑体),通过网页下载中文字体库往往很大(思源...

  • flutter 使用自定义字体

    如何使用自定义字体呢?如果是flutter 项目里集成或者flutter引用三方库里的字体,flutter 文档给...

  • 投稿教程注意事项

    1、不要使用收费字体,方正字体(含微软雅黑)、汉仪字体、文鼎字体等都是收费的,可以选择宋体、仿宋、楷体、黑体、思源...

  • 免费字体收集

    思源系列 免费字体:思源黑体、思源宋体、思源柔黑体、思源真黑体 授权出处: https://www.google....

  • PPT 第5天——4个步骤简单美化PPT

    改字体 非商业使用微软雅黑(显示效果清新大方) 思源黑体(支持商业使用,和微软雅黑字体差不多) 插形状 1加线条 ...

  • 四招搞定幻灯片

    灯塔演讲PPT 1、字体:一种字体,统一。建议:使用模板字体。标题;思源宋体,正文:微软雅黑28号。保持统一性。 ...

  • 思源字体

    思源黑体 下载字体 思源黑体是Adobe与Google历时三年在2014年7月宣布推出的一款开源字体,这是一款新的...

网友评论

      本文标题:Flutter使用思源字体

      本文链接:https://www.haomeiwen.com/subject/owprpqtx.html