diff --git a/CHANGELOG.md b/CHANGELOG.md index 7a8e774..2481163 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,17 @@ +## 0.0.3 - 2026-08-12 + +> Fonts and Typography tokens are now supported! The `flutter_skin` package can now dynamically update fonts and typography styles. + +### Added +- Support typography tokens and google font updates based on SSE updates +- Setup fallback font when the font is not available on the device or the google font fails to load +- Add logging for SSE connection events and errors to help with debugging [PR #6](https://github.com/koukibadr/flutter_skin/pull/6) +- Update Example app to demonstrate typography token usage and font updates +- Update Example app to use new Material Design new tokens tertiary color, onTertiary color + ## 0.0.2 - 2026-06-24 -- Live skin updates. +> Live skin updates is here! The `flutter_skin` package now supports real-time skin changes via Server-Sent Events (SSE) from the FSkin backend. ### Added diff --git a/README.md b/README.md index ac2d298..fdf9216 100644 --- a/README.md +++ b/README.md @@ -121,6 +121,30 @@ These map directly to Flutter's `ColorScheme` — `FlutterSkin.toThemeData()` co **Upcoming versions: more tokens and more customization** +## Fonts and Typography + +The current skin model supports dynamic fonts and typography styles. You can setup a font or google font for your skin and the package will automatically update the font and typography styles based on SSE updates. + +### Custom Fonts +You can define a custom font for your skin and the package will automatically update the font and typography +- Setup your font file in your project and define it in your `pubspec.yaml` file. + +```yaml +flutter: + fonts: + - family: CustomFont + fonts: + - asset: fonts/CustomFont-Regular.ttf +``` + +- Add your custom font to your skin in the FSkin dashboard and publish it. + +### Google Fonts +You can also define a google font for your skin and the package will automatically update the font and typography styles based on SSE updates. + +- Add your google font to your skin in the FSkin dashboard and publish it. +- No other setup is required, the package will automatically fetch the google font and update the typography styles. + ## Offline Fallback You can also define a fallback skin that the package will use if fetching the remote skin fails (e.g., no internet, server error). This ensures your app always has a consistent appearance, even without connectivity: