The page demonstrates how to use the WOFF2 version of BJCree for web pages, using local copies of the .woff2 files in this archive. For more information on this technique - and how to use the normal TrueType version as a web font - see Using SIL Fonts on Web Pages.
The body of this document is styled using an external stylesheet, with BJCree set as the default font, and loaded directly as a WOFF2 file using the @font-face rule. If you're seeing a serif font here then it is working. Otherwise the text will be in a sans-serif or your browser default. Styling can be done with HTML tags: Here is some bold text and back to regular. It can also be done by referring to specific CSS weight axis values:
This is 400 (Regular): ᐊᓐᑕ ᒪᐅᒡ ᓂᔅᑎᒻ ᐊᔅᒄ ᐊᑲ ᐅᒋ ᑎᒂᒡ ᒐᒂᓐ ᓴᔅ ᒋ ᑕᐤ ᐃᔨᒧᐅᓐ᙮
This is 500 (Medium): ᐊᓐᑕ ᒪᐅᒡ ᓂᔅᑎᒻ ᐊᔅᒄ ᐊᑲ ᐅᒋ ᑎᒂᒡ ᒐᒂᓐ ᓴᔅ ᒋ ᑕᐤ ᐃᔨᒧᐅᓐ᙮
This is 600 (SemiBold): ᐊᓐᑕ ᒪᐅᒡ ᓂᔅᑎᒻ ᐊᔅᒄ ᐊᑲ ᐅᒋ ᑎᒂᒡ ᒐᒂᓐ ᓴᔅ ᒋ ᑕᐤ ᐃᔨᒧᐅᓐ᙮
This is 700 (Bold): ᐊᓐᑕ ᒪᐅᒡ ᓂᔅᑎᒻ ᐊᔅᒄ ᐊᑲ ᐅᒋ ᑎᒂᒡ ᒐᒂᓐ ᓴᔅ ᒋ ᑕᐤ ᐃᔨᒧᐅᓐ᙮
To see specifically how these techniques are specified in the CSS and HTML view the source to this page and the accompanying CSS file.