MjnMixael: Replaced content with "{{SCPUI moved|https://github.com/MjnMixael/SCPUI/wiki/RCSS-Fonts}}"

2026-10-28T18:34:06Z

Replaced content with "{{SCPUI moved|https://github.com/MjnMixael/SCPUI/wiki/RCSS-Fonts}}"

← Older revision		Revision as of 18:34, 28 October 2026
Line 1:		Line 1:
	{{~~RCSS}}~~		{{SCPUI moved\|https://github.com/MjnMixael/SCPUI/wiki/RCSS-Fonts}}
	~~RCSS implements a simpler version of the CSS2 font model when dealing with text rendering. This is for two reasons:~~
	*The document renderer is fully under the control of the author, so (for example) a specific font can be assumed to exist.
	*Improved performance.

	~~Fonts are specified in a similar fashion. NOTE: You will need to load all ttf files via the C++ or python interfaces before they can be used in RCSS.~~

	~~==Font specification properties==~~
	~~===Font family: the ‘font-family’ property===~~
	*font-family

	{\| ~~border=1 cellpadding=4 style="border-collapse~~: ~~collapse"~~
	\|-
	~~\| Value:~~
	~~\| <string>~~
	\|-
	~~\| Initial:~~
	~~\| undefined~~
	\|-
	~~\| Applies to:~~
	~~\| all elements~~
	\|-
	~~\| Inherited:~~
	~~\| yes~~
	\|-
	~~\| Percentages:~~
	~~\| N~~/A
	\|}
	~~This property specifies the name of a family of fonts to be used to render sections of text descending from the element~~. ~~Note that, unlike CSS, only a single font family can be specified with this property, not a comma-delimited font set.~~

	~~===Font styling: the ‘font-style’ and ‘font-weight’ properties===~~
	*font-style

	~~{\| border=1 cellpadding=4 style="border-collapse: collapse"~~
	\|-
	~~\| Value:~~
	~~\| normal \| italic~~
	\|-
	~~\| Initial:~~
	~~\| normal~~
	\|-
	~~\| Applies to:~~
	~~\| all elements~~
	\|-
	~~\| Inherited:~~
	~~\| yes~~
	\|-
	~~\| Percentages:~~
	~~\| N~~/A
	\|}
	~~This property can be used to request normal or italicised versions of a font from within a font-family. Note that RCSS does not yet support oblique font styles.~~

	*font-weight

	~~{\| border=1 cellpadding=4 style="border-collapse: collapse"~~
	\|-
	~~\| Value:~~
	~~\| normal \| bold~~
	\|-
	~~\| Initial:~~
	~~\| normal~~
	\|-
	~~\| Applies to:~~
	~~\| all elements~~
	\|-
	~~\| Inherited:~~
	~~\| yes~~
	\|-
	~~\| Percentages:~~
	~~\| N~~/A
	\|}
	~~This property can be used to request normal or bolded versions of a font from within a font-family. Note that~~ RCSS ~~only supports bold and non~~-~~bold fonts, and not different strengths of boldness.~~

	~~===Font size: the ‘font-size’ property===~~
	*font-size

	~~{\| border=1 cellpadding=4 style="border-collapse: collapse"~~
	\|-
	~~\| Value:~~
	~~\| <number> \| <percentage>~~
	\|-
	~~\| Initial:~~
	~~\| 12px~~
	\|-
	~~\| Applies to:~~
	~~\| all elements~~
	\|-
	~~\| Inherited:~~
	~~\| yes~~
	\|-
	~~\| Percentages:~~
	~~\| N/A~~
	\|}
	~~Values have the following meanings:~~

	*<number>
	**The font size is generated at the point size requested. For font-relative units (such as em ), the font size is relative to the parent element’s font size.
	*<percentage>
	**The font size is generated at the point size of the element’s parent’s font, scaled by the percentage.

	~~===Font charset: the ‘font-charset’ property===~~
	*font-charset

	~~{\| border=1 cellpadding=4 style="border-collapse: collapse"~~
	\|-
	~~\| Value:~~
	~~\| <urange>~~
	\|-
	~~\| Initial:~~
	~~\| U+0020-007E~~
	\|-
	~~\| Applies to:~~
	~~\| all elements~~
	\|-
	~~\| Inherited:~~
	~~\| yes~~
	\|-
	~~\| Percentages:~~
	~~\| N/A~~
	\|}
	This property allows elements to request a font that is capable of rendering characters within a range (or ranges). Because fonts are rasterised and rendered to texture before they can be used, this can be quite useful in limiting the size of textures used by the font engine. For example, a large font used for titles could be restricted to only capital letters.

	~~The value of font-charset is a comma-separated list of Unicode ranges, each of which is in one of the forms:~~
	*U+xxxx, to specify a single character (where x is any hexadecimal digit).
	*U+xxxx-yyyy, to specify the range of xxxx through yyyy.
	*U+xx??, to specify the range of xx00 through xxFF. The wildcard ‘?’ can be used to substitute any digits, but must appear in an uninterrupted range at the end of the specifier.
	~~For more information, see the CSS specification of unicode-range.~~

MjnMixael: Created page with "{{RCSS}} RCSS implements a simpler version of the CSS2 font model when dealing with text rendering. This is for two reasons: *The document renderer is fully under the control..."

2023-04-22T18:11:34Z

Created page with "{{RCSS}} RCSS implements a simpler version of the CSS2 font model when dealing with text rendering. This is for two reasons: *The document renderer is fully under the control..."

New page

{{RCSS}}
RCSS implements a simpler version of the CSS2 font model when dealing with text rendering. This is for two reasons:
*The document renderer is fully under the control of the author, so (for example) a specific font can be assumed to exist.
*Improved performance.

Fonts are specified in a similar fashion. NOTE: You will need to load all ttf files via the C++ or python interfaces before they can be used in RCSS.

==Font specification properties==
===Font family: the ‘font-family’ property===
*font-family

{| border=1 cellpadding=4 style="border-collapse: collapse"
|-
| Value:
| <string>
|-
| Initial:
| undefined
|-
| Applies to:
| all elements
|-
| Inherited:
| yes
|-
| Percentages:
| N/A
|}
This property specifies the name of a family of fonts to be used to render sections of text descending from the element. Note that, unlike CSS, only a single font family can be specified with this property, not a comma-delimited font set.

===Font styling: the ‘font-style’ and ‘font-weight’ properties===
*font-style

{| border=1 cellpadding=4 style="border-collapse: collapse"
|-
| Value:
| normal | italic
|-
| Initial:
| normal
|-
| Applies to:
| all elements
|-
| Inherited:
| yes
|-
| Percentages:
| N/A
|}
This property can be used to request normal or italicised versions of a font from within a font-family. Note that RCSS does not yet support oblique font styles.

*font-weight

{| border=1 cellpadding=4 style="border-collapse: collapse"
|-
| Value:
| normal | bold
|-
| Initial:
| normal
|-
| Applies to:
| all elements
|-
| Inherited:
| yes
|-
| Percentages:
| N/A
|}
This property can be used to request normal or bolded versions of a font from within a font-family. Note that RCSS only supports bold and non-bold fonts, and not different strengths of boldness.

===Font size: the ‘font-size’ property===
*font-size

{| border=1 cellpadding=4 style="border-collapse: collapse"
|-
| Value:
| <number> | <percentage>
|-
| Initial:
| 12px
|-
| Applies to:
| all elements
|-
| Inherited:
| yes
|-
| Percentages:
| N/A
|}
Values have the following meanings:

*<number>
**The font size is generated at the point size requested. For font-relative units (such as em ), the font size is relative to the parent element’s font size.
*<percentage>
**The font size is generated at the point size of the element’s parent’s font, scaled by the percentage.

===Font charset: the ‘font-charset’ property===
*font-charset

{| border=1 cellpadding=4 style="border-collapse: collapse"
|-
| Value:
| <urange>
|-
| Initial:
| U+0020-007E
|-
| Applies to:
| all elements
|-
| Inherited:
| yes
|-
| Percentages:
| N/A
|}
This property allows elements to request a font that is capable of rendering characters within a range (or ranges). Because fonts are rasterised and rendered to texture before they can be used, this can be quite useful in limiting the size of textures used by the font engine. For example, a large font used for titles could be restricted to only capital letters.

The value of font-charset is a comma-separated list of Unicode ranges, each of which is in one of the forms:
*U+xxxx, to specify a single character (where x is any hexadecimal digit).
*U+xxxx-yyyy, to specify the range of xxxx through yyyy.
*U+xx??, to specify the range of xx00 through xxFF. The wildcard ‘?’ can be used to substitute any digits, but must appear in an uninterrupted range at the end of the specifier.
For more information, see the CSS specification of unicode-range.

RCSS Fonts - Revision history

MjnMixael: Replaced content with "{{SCPUI moved|https://github.com/MjnMixael/SCPUI/wiki/RCSS-Fonts}}"

MjnMixael: Created page with "{{RCSS}} RCSS implements a simpler version of the CSS2 font model when dealing with text rendering. This is for two reasons: *The document renderer is fully under the control..."