Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
jrasmusson authored Dec 4, 2019
1 parent 38d628b commit 2ce05bf
Showing 1 changed file with 13 additions and 4 deletions.
17 changes: 13 additions & 4 deletions basics/DynamicFont/README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
# Dymnamic Font

The way Apple keeps its fonts looking good (even when people resize their devices for accessibility) is through Dynamic Font.
The way Apple keeps its fonts looking good (even when people resize their devices for accessibility) is through Dynamic Font - `UIFontTextStyle`.

<img src="https://github.com/jrasmusson/ios-starter-kit/blob/master/basics/DynamicFont/images/demo.png" alt="drawing" width="400"/>


So long as you stick to these `UIFontTextStyle`s, your app will resize its fonts appropriatedly. The advantages here aren't just astectic. They can also serve as the design language you use with your designers. So when you say `Title1` everyone will know what you mean, and you won't have to hardcode font sizes any more.

<img src="https://github.com/jrasmusson/ios-starter-kit/blob/master/howtos/images/turn-off-debug-console.png" alt="drawing" width="400"/>

## Source

Expand Down Expand Up @@ -74,10 +76,17 @@ class ViewController: UIViewController {

To see this in action, change your device/simulator accessibility to something larger.

![TableView](https://github.com/jrasmusson/ios-starter-kit/blob/master/basics/UIScrollView/images/demo.gif)
![TableView](https://github.com/jrasmusson/ios-starter-kit/blob/master/basics/DynamicFont/images/demo.gif)

Then you can see what your app will look like before and after.

#### Before

<img src="https://github.com/jrasmusson/ios-starter-kit/blob/master/basics/DynamicFont/images/before.png" alt="drawing" width="400"/>

#### After

<img src="https://github.com/jrasmusson/ios-starter-kit/blob/master/howtos/images/turn-off-debug-console.png" alt="drawing" width="400"/>
<img src="https://github.com/jrasmusson/ios-starter-kit/blob/master/basics/DynamicFont/images/after.png" alt="drawing" width="400"/>


### Links that help
Expand Down

0 comments on commit 2ce05bf

Please sign in to comment.