Include new examples for font-weight (#4616)

This commit is contained in:
SvetoslavTsenov
2017-07-28 18:07:15 +03:00
committed by GitHub
parent 12020bd8bb
commit 0a695b0089
28 changed files with 431 additions and 2 deletions

View File

@ -0,0 +1,36 @@
<Page xmlns='http://schemas.nativescript.org/tns.xsd' class='page'>
<ActionBar title="Courier New"/>
<ScrollView>
<GridLayout columns='* *'>
<StackLayout>
<Label text='sample' style='font-family: "Courier New";'/>
<Label style='font-family: "Courier New"; font-weight: 100;' text='sample - 100' />
<Label style='font-family: "Courier New"; font-weight: 200;' text='sample - 200' />
<Label style='font-family: "Courier New"; font-weight: 300;' text='sample - 300' />
<Label style='font-family: "Courier New"; font-weight: 400;' text='sample - 400'/>
<Label style='font-family: "Courier New"; font-weight: normal;' text='sample - normal'/>
<Label style='font-family: "Courier New"; font-weight: 500;' text='sample - 500'/>
<Label style='font-family: "Courier New"; font-weight: 600;' text='sample - 600'/>
<Label style='font-family: "Courier New"; font-weight: 700;' text='sample - 700'/>
<Label style='font-family: "Courier New"; font-weight: bold;' text='sample - bold'/>
<Label style='font-family: "Courier New"; font-weight: 800;' text='sample - 800'/>
<Label style='font-family: "Courier New"; font-weight: 900;' text='sample - 900'/>
</StackLayout>
<StackLayout col='1'>
<Label text='sample' style='font-family: "Courier New"; font-style: italic;'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 100;' text='sample - 100' />
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 200;' text='sample - 200' />
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 300;' text='sample - 300' />
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 400;' text='sample - 400'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: normal;' text='sample - normal'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 500;' text='sample - 500'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 600;' text='sample - 600'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 700;' text='sample - 700'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: bold;' text='sample - bold'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 800;' text='sample - 800'/>
<Label style='font-family: "Courier New"; font-style: italic; font-weight: 900;' text='sample - 900'/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Custom Font Awesome"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="I &#xf004; &#xf113;" style="font-family: FontAwesome;"/>
<Label style="font-family: FontAwesome; font-weight: 100;" text="I &#xf004; &#xf113; - 100" />
<Label style="font-family: FontAwesome; font-weight: 200;" text="I &#xf004; &#xf113; - 200" />
<Label style="font-family: FontAwesome; font-weight: 300;" text="I &#xf004; &#xf113; - 300" />
<Label style="font-family: FontAwesome; font-weight: 400;" text="I &#xf004; &#xf113; - 400"/>
<Label style="font-family: FontAwesome; font-weight: normal;" text="I &#xf004; &#xf113; - normal"/>
<Label style="font-family: FontAwesome; font-weight: 500;" text="I &#xf004; &#xf113; - 500"/>
<Label style="font-family: FontAwesome; font-weight: 600;" text="I &#xf004; &#xf113; - 600"/>
<Label style="font-family: FontAwesome; font-weight: 700;" text="I &#xf004; &#xf113; - 700"/>
<Label style="font-family: FontAwesome; font-weight: bold;" text="I &#xf004; &#xf113; - bold"/>
<Label style="font-family: FontAwesome; font-weight: 800;" text="I &#xf004; &#xf113; - 800"/>
<Label style="font-family: FontAwesome; font-weight: 900;" text="I &#xf004; &#xf113; - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="I &#xf004; &#xf113;" style="font-family: FontAwesome; font-style: italic;"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 100;" text="I &#xf004; &#xf113; - 100" />
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 200;" text="I &#xf004; &#xf113; - 200" />
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 300;" text="I &#xf004; &#xf113; - 300" />
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 400;" text="I &#xf004; &#xf113; - 400"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: normal;" text="I &#xf004; &#xf113; - normal"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 500;" text="I &#xf004; &#xf113; - 500"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 600;" text="I &#xf004; &#xf113; - 600"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 700;" text="I &#xf004; &#xf113; - 700"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: bold;" text="I &#xf004; &#xf113; - bold"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 800;" text="I &#xf004; &#xf113; - 800"/>
<Label style="font-family: FontAwesome; font-style: italic; font-weight: 900;" text="I &#xf004; &#xf113; - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Custom Muli"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: Muli;"/>
<Label style="font-family: Muli; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Muli; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Muli; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Muli; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Muli; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Muli; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Muli; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Muli; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Muli; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Muli; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Muli; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: Muli; font-style: italic;"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Muli; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Muli; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Muli; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Muli; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Muli; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Muli; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Custom Sofia"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: Sofia;"/>
<Label style="font-family: Sofia; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Sofia; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Sofia; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Sofia; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Sofia; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Sofia; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Sofia; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Sofia; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Sofia; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Sofia; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Sofia; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: Sofia; font-style: italic;"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Sofia; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Sofia; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Sofia; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Sofia; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Font Fallback"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: UnexistingFont, serif;"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 100;" text="sample - 100" />
<Label style="font-family: UnexistingFont, serif; font-weight: 200;" text="sample - 200" />
<Label style="font-family: UnexistingFont, serif; font-weight: 300;" text="sample - 300" />
<Label style="font-family: UnexistingFont, serif; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: UnexistingFont, serif; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: UnexistingFont, serif; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: UnexistingFont, serif; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: UnexistingFont, serif; font-style: italic;"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: UnexistingFont, serif; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Helvetica"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: Helvetica;"/>
<Label style="font-family: Helvetica; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Helvetica; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Helvetica; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Helvetica; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Helvetica; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Helvetica; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Helvetica; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Helvetica; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Helvetica; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Helvetica; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Helvetica; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: Helvetica; font-style: italic;"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: Helvetica; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: Helvetica; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: Helvetica; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: Helvetica; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,26 @@
import { EventData } from "tns-core-modules/data/observable";
import { SubMainPageViewModel } from "../../sub-main-page-view-model";
import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout";
import { Page } from "tns-core-modules/ui/page";
export function pageLoaded(args: EventData) {
const page = <Page>args.object;
const wrapLayout = <WrapLayout>page.getViewById("wrapLayoutWithExamples");
page.bindingContext = new SubMainPageViewModel(wrapLayout, loadExamples());
}
export function loadExamples() {
const examples = new Map<string, string>();
examples.set("system", "font/fonts-weight/system");
examples.set("sans-serif", "font/fonts-weight/sans-serif");
examples.set("serif", "font/fonts-weight/serif");
examples.set("monospace", "font/fonts-weight/monospace");
examples.set("courier-new", "font/fonts-weight/courier-new");
examples.set("helvetica", "font/fonts-weight/helvetica");
examples.set("custom-fontawesome", "font/fonts-weight/custom-fontawesome");
examples.set("custom-muli", "font/fonts-weight/custom-muli");
examples.set("custom-sofia", "font/fonts-weight/custom-sofia");
examples.set("font-fallback", "font/fonts-weight/font-fallback");
return examples;
}

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8" ?>
<Page loaded="pageLoaded">
<ScrollView orientation="vertical" row="1">
<WrapLayout id="wrapLayoutWithExamples"/>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Monospace"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: monospace;"/>
<Label style="font-family: monospace; font-weight: 100;" text="sample - 100" />
<Label style="font-family: monospace; font-weight: 200;" text="sample - 200" />
<Label style="font-family: monospace; font-weight: 300;" text="sample - 300" />
<Label style="font-family: monospace; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: monospace; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: monospace; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: monospace; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: monospace; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: monospace; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: monospace; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: monospace; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: monospace; font-style: italic;"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: monospace; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: monospace; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: monospace; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: monospace; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: monospace; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: monospace; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="No Font Family"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample"/>
<Label style="font-weight: 100;" text="sample - 100" />
<Label style="font-weight: 200;" text="sample - 200" />
<Label style="font-weight: 300;" text="sample - 300" />
<Label style="font-weight: 400;" text="sample - 400"/>
<Label style="font-weight: normal;" text="sample - normal"/>
<Label style="font-weight: 500;" text="sample - 500"/>
<Label style="font-weight: 600;" text="sample - 600"/>
<Label style="font-weight: 700;" text="sample - 700"/>
<Label style="font-weight: bold;" text="sample - bold"/>
<Label style="font-weight: 800;" text="sample - 800"/>
<Label style="font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-style: italic;"/>
<Label style="font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Sans Serif"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: sans-serif;"/>
<Label style="font-family: sans-serif; font-weight: 100;" text="sample - 100" />
<Label style="font-family: sans-serif; font-weight: 200;" text="sample - 200" />
<Label style="font-family: sans-serif; font-weight: 300;" text="sample - 300" />
<Label style="font-family: sans-serif; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: sans-serif; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: sans-serif; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: sans-serif; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: sans-serif; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: sans-serif; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: sans-serif; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: sans-serif; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: sans-serif; font-style: italic;"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: sans-serif; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: sans-serif; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: sans-serif; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: sans-serif; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="Serif"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: serif;"/>
<Label style="font-family: serif; font-weight: 100;" text="sample - 100" />
<Label style="font-family: serif; font-weight: 200;" text="sample - 200" />
<Label style="font-family: serif; font-weight: 300;" text="sample - 300" />
<Label style="font-family: serif; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: serif; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: serif; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: serif; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: serif; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: serif; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: serif; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: serif; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: serif; font-style: italic;"/>
<Label style="font-family: serif; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: serif; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: serif; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: serif; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: serif; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: serif; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: serif; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: serif; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: serif; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: serif; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: serif; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -0,0 +1,36 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">
<ActionBar title="System"/>
<ScrollView>
<GridLayout columns="* *">
<StackLayout>
<Label text="sample" style="font-family: system;"/>
<Label style="font-family: system; font-weight: 100;" text="sample - 100" />
<Label style="font-family: system; font-weight: 200;" text="sample - 200" />
<Label style="font-family: system; font-weight: 300;" text="sample - 300" />
<Label style="font-family: system; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: system; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: system; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: system; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: system; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: system; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: system; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: system; font-weight: 900;" text="sample - 900"/>
</StackLayout>
<StackLayout col="1">
<Label text="sample" style="font-family: system; font-style: italic;"/>
<Label style="font-family: system; font-style: italic; font-weight: 100;" text="sample - 100" />
<Label style="font-family: system; font-style: italic; font-weight: 200;" text="sample - 200" />
<Label style="font-family: system; font-style: italic; font-weight: 300;" text="sample - 300" />
<Label style="font-family: system; font-style: italic; font-weight: 400;" text="sample - 400"/>
<Label style="font-family: system; font-style: italic; font-weight: normal;" text="sample - normal"/>
<Label style="font-family: system; font-style: italic; font-weight: 500;" text="sample - 500"/>
<Label style="font-family: system; font-style: italic; font-weight: 600;" text="sample - 600"/>
<Label style="font-family: system; font-style: italic; font-weight: 700;" text="sample - 700"/>
<Label style="font-family: system; font-style: italic; font-weight: bold;" text="sample - bold"/>
<Label style="font-family: system; font-style: italic; font-weight: 800;" text="sample - 800"/>
<Label style="font-family: system; font-style: italic; font-weight: 900;" text="sample - 900"/>
</StackLayout>
</GridLayout>
</ScrollView>
</Page>

View File

@ -15,10 +15,11 @@ export function loadExamples() {
examples.set("fontlbl", "font/label"); examples.set("fontlbl", "font/label");
examples.set("fontfield", "font/text-field"); examples.set("fontfield", "font/text-field");
examples.set("fontview", "font/text-view"); examples.set("fontview", "font/text-view");
examples.set("nordic", "/font/nordic/nordic"); examples.set("nordic", "font/nordic/nordic");
examples.set("customfonts", "font/custom-fonts"); examples.set("customfonts", "font/custom-fonts");
examples.set("all-fonts", "font/all-fonts"); examples.set("all-fonts", "font/all-fonts");
examples.set("awesome-3654", "font/font-awesome/issue-3654"); examples.set("awesome-3654", "font/font-awesome/issue-3654");
examples.set("fonts-weight", "font/fonts-weight/main-page");
return examples; return examples;
} }

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.