Skip to content
This repository was archived by the owner on Nov 17, 2022. It is now read-only.

Commit b1d9179

Browse files
Todd Anglintjvantoll
Todd Anglin
authored andcommitted
Updated font and font-weight docs
Fixed broken link to iOS fonts and added detail to font-weight property documenting ability to use numbers for font-weight
1 parent c97cddb commit b1d9179

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

docs/ui/styling.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,11 @@ page.css = "button { color: red }";
125125
page.css = "button { color: red }";
126126
```
127127

128-
After you have set the default CSS for the page, you can add to it using two methods: adding CSS from a string and adding CSS from a file.
128+
After you have set the default CSS for the page, you can add to it using two methods:
129+
130+
1. Adding CSS from a string
131+
2. Adding CSS from a file
132+
129133
{% endnativescript %}
130134
{% angular %}
131135
### Component-specific CSS
@@ -506,7 +510,7 @@ This list of properties can be set in CSS or through the style property of each
506510
| `font-family` | `fontFamily` | Sets the font family of the matched view. |
507511
| `font-size` | `fontSize` | Sets the font size of the matched view (only supports device-independent units). |
508512
| `font-style` | `fontStyle` | Sets the font style of the matched view. Possible values: `italic`, `normal`. |
509-
| `font-weight` | `fontWeight` | Sets the font weight of the matched view Possible values: `bold`, `normal`. |
513+
| `font-weight` | `fontWeight` | Sets the font weight of the matched view Possible values: `bold`, `normal` OR `100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`, where `400` is `normal` and `700` is `bold` |
510514
| `text-align` | `textAlignment` | Sets text alignment in the matched view. Possible values: `left` , `center`, `right`. |
511515
| `text-decoration` | `textDecoration` | Sets the text formatting. Possible values: `none`, `line-through`, `underline`. |
512516
| `text-transform` | `textTransform` | Sets the text transform. Possible values: `none`, `capitalize`, `uppercase`, `lowercase`. |
@@ -552,7 +556,7 @@ The `font-family` property can hold several values. The first supported font in
552556
553557
Platform specifics:
554558
* Android: The supported fonts depend very much on the system, thus using the generic font-families or [custom-fonts](#custom-fonts) is recommended.
555-
* iOS: You can check the [supported fonts in iOS 7](https://support.apple.com/en-us/HT202771).
559+
* iOS: There are more than 30 default fonts available on iOS. You can check the [supported fonts for specific iOS versions and devices](http://iosfonts.com). To use a built-in font, simply specify the font name in the `font-family` property, such as `font-family: "American Typewriter";`. Adjust the font variant using the [`font-weight`](#supported-css-properties) property.
556560
557561
### Custom fonts
558562
You can use custom fonts in your app (in .TTF or .OTF format).

0 commit comments

Comments
 (0)