diff --git a/content/project-structure/app-resources.md b/content/project-structure/app-resources.md index 238955cc..52629bd0 100644 --- a/content/project-structure/app-resources.md +++ b/content/project-structure/app-resources.md @@ -7,7 +7,7 @@ contributors: The App_Resources folder contains platform-specific resources of the application (icons, configuration files, native code, etc.). An application that supports both Android and iOS would therefore contain a subfolder for each platform. -This page serves as a quick reference to understand how most settings in App_Resources affect behavior and the the look of a NativeScript app. +This page serves as a quick reference to understand how most settings in App_Resources affect the behavior and the look of a NativeScript app. ## Android specific resources @@ -27,7 +27,7 @@ App_Resources/ └─ ... more ``` -Values can be overriden on specific API levels by making the changes in the corresponding directories. +Values can be overridden on specific API levels by making the changes in the corresponding directories. ### Android app display name @@ -62,7 +62,7 @@ To change the default color of the status bar, edit the `ns_primaryDark` color i :::tip Note -The color will be applied on API21+ since lower API leves do not support custom status bar colors\*. +The color will be applied on API21+ since lower API levels do not support custom status bar colors\*. ::: @@ -79,7 +79,7 @@ Various native elements have an accent color, which can be changed by setting th :::tip Note -The color will be applied on API21+ since lower API leves do not support custom accent colors. +The color will be applied on API21+ since lower API levels do not support custom accent colors. ::: diff --git a/content/project-structure/src/fonts.md b/content/project-structure/src/fonts.md index 897fb228..33f595b5 100644 --- a/content/project-structure/src/fonts.md +++ b/content/project-structure/src/fonts.md @@ -25,12 +25,12 @@ Add a new css class (for example in [`app.css`](/project-structure/src/app-css-s ```css .font-albert-sans { - font-family: "Albert Sans", "albert-sans-700"; + font-family: 'Albert Sans', 'albert-sans-700'; font-weight: 700; } .far { - font-family: "Font Awesome 5 Free", "fa-regular-400"; + font-family: 'Font Awesome 5 Free', 'fa-regular-400'; font-weight: 400; } ``` @@ -66,7 +66,7 @@ In Vue, when using html entities like the char codes above, use the `.decode` mo ::: details Sizing font images Images have specific stretch options (`none`, `aspectFit`, `aspectFill`). Font icons on the other hand usually use `font-size` to control the size of the icon. -When using an `Image`, you can control the size with `font-size`, but you need to set `stretch="none"` for it to take effect. Setting `stretch` to anything other than `none` will cause the icon to be streched by measuring the image. +When using an `Image`, you can control the size with `font-size`, but you need to set `stretch="none"` for it to take effect. Setting `stretch` to anything other than `none` will cause the icon to be stretched by measuring the image. ::: If an icon doesn't appear, or renders unintended characters, make sure you are using the correct font family and weight.