Styling reference
Interactive Ink SDK makes it easy to style content with css properties listed in this page. In addition to these css styling properties, you can adjust its default configuration with different options presented here.
Restrictions from CSS
The following restrictions apply:
- Noto is the only supported font for Chinese, Japanese, Korean and Armenian.
-
For other languages, Google Fonts are supported.
- Only a limited subset of CSS properties is supported.
- Supported types are different from regular CSS types (e.g. type selectors like
h1
,p
ordiv
are not supported). - The default unit is
mm
and properties provided with an explicit unit will be ignored. - Keywords such as
inherit
,initial
orunset
are not supported. - Universal selector (
*
) and combinators are not supported. - Possibilities to express colors are constrained.
Type hierarchy
Interactive Ink SDK exposes the following type hierarchy:
-
ink
- Groups all the types described below:-
stroke
- Handwritten strokes only. -
glyph
- Converted text glyphs. -
line
- Converted lines, e.g. obtained when converting a diagram. -
arc
- Converted elliptical arcs, ellipses and circles. -
guide
- Text guides.
-
It is possible to combine class and type selectors:
glyph.text {}
line.diagram {}
arc.diagram {}
Available classes per content type
Math block
Class | Description |
---|---|
.math |
Default class for items in a âMathâ content block. |
.math-variable |
Style applied to the variables after ink conversion. |
.math-solved |
Style applied to the glyphs that are generated by the solver. |
Text block
Class | Description |
---|---|
.text |
Default class for items in a âTextâ content block. |
.text-heading1 |
Style of text headings of level 1 (Text Document only). |
.text-heading2 |
Style of text headings of level 2 (Text Document only). |
.text-emphasis1 |
Style of text emphasis type 1 (Text Document only). |
.text-emphasis2 |
Style of text emphasis type 2 (Text Document only). |
.text-highlight |
Style of highlighted text (Text Document only). |
Properties per class
.math
Property | Default value | Remarks |
---|---|---|
font-family |
STIXGeneral | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
300 | Only numerical values are supported. |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | Unit is mm . |
-myscript-pen-brush |
FeltPen | See possible values. |
.math-variable
Property | Default value | Remarks |
---|---|---|
font-family |
STIX | Â |
font-style |
italic | Â |
font-variant |
normal | Â |
font-weight |
300 | Only numerical values are supported. |
color |
#000000FF | See possible values. |
.math-solved
Property | Default value | Remarks |
---|---|---|
font-family |
STIXGeneral | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
300 | Only numerical values are supported. |
color |
#A8A8A8FF | See possible values. |
.text
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
300 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
line-height |
None1 | Multiplier of the font size. |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
Note that âTextâ and âText Documentâ guides spacings are not identical.
-
For âTextâ parts, the spacing of handwriting guides (if enabled) is given by
font-size
*line-height
. -
For âText Documentâ parts, the guides spacing considers the
font-size
andline-height
product too. But some more computation adjusts the line gap.
For instance, the following CSS will correspond to a 13-millimeter spacing when the theme is set to a âTextâ part. For a âText Documentâ part, the example is still valid but the outcome might be slightly different.
.text {
font-size: 10;
line-height: 1.3;
}
.text-heading1
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
700 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
line-height |
None1 | Multiplier of the font size. |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-text-decoration-color |
#000000FF | See possible values. |
-myscript-text-decoration-background-color |
#FFFFFF00 | See possible values. |
-myscript-text-decoration-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
Notes:
-
-myscript-text-decoration-style
is by default set todouble-underlined
forstroke.text-heading1
. -
-myscript-text-decoration-style
is by default set tonone
forglyph.text-heading1
.
.text-heading2
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
700 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
line-height |
None1 | Multiplier of the font size. |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-text-decoration-color |
#000000FF | See possible values. |
-myscript-text-decoration-background-color |
#FFFFFF00 | See possible values. |
-myscript-text-decoration-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
-
-myscript-text-decoration-style
is by default set tounderlined
forstroke.text-heading2
. -
-myscript-text-decoration-style
is by default set tonone
forglyph.text-heading2
.
.text-emphasis1
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
700 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-text-decoration-color |
#000000FF | See possible values. |
-myscript-text-decoration-background-color |
#FFFFFF00 | See possible values. |
-myscript-text-decoration-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
-
-myscript-text-decoration-style
is by default set tounderlined
forstroke.emphasis1
. -
-myscript-text-decoration-style
is by default set tonone
forglyph.emphasis1
.
.text-emphasis2
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
700 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
color |
#000000FF | See possible values. |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-text-decoration-color |
#000000FF | See possible values. |
-myscript-text-decoration-background-color |
#FFFFFF00 | See possible values. |
-myscript-text-decoration-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
-
-myscript-text-decoration-style
is by default set todouble-underlined
forstroke.emphasis2
. -
-myscript-text-decoration-style
is by default set tonone
forglyph.emphasis2
.
.text-highlight
Property | Default value | Remarks |
---|---|---|
font-family |
âOpen Sansâ | Â |
font-style |
normal | Â |
font-variant |
normal | Â |
font-weight |
700 | Only numerical values are supported. |
font-size |
None1 | In millimeters (model unit). |
-myscript-pen-width |
0.625 | In millimeters (model unit). |
-myscript-text-decoration-color |
#000000FF | If not set, -myscript-text-decoration-color will be the same as the current pen color. See possible values. |
-myscript-text-decoration-background-color |
#FFED2666 | If not set, -myscript-text-decoration-background-color will be derived from the current pen color. See possible values. |
-myscript-text-decoration-pen-width |
0.625 | In millimeters (model unit). |
-myscript-pen-brush |
FeltPen | See possible values. |
stroke.text-highlight
Property | Default value | Remarks |
---|---|---|
-myscript-text-decoration-style |
framed-outline |
framed-outline only displays the framed outline of the decoration: property -myscript-text-decoration-background-color is ignored. |
glyph.text-highlight
Property | Default value | Remarks |
---|---|---|
-myscript-text-decoration-style |
framed-background |
framed-background does not display the outline of the decoration: property -myscript-text-decoration-color is ignored. |
Possible values
Fonts
Interactive Ink Cloud supports all the Google fonts except when the language is set to zh_CN
, zh_HK
, zh_TW
, ko_KR
, ja_JP
or hy_AM
, in which case only the âNotoâ font is supported.
However, if it does not meet all your requirements, or if you need to add a font that is not listed on MyScript Developer portal, please contact_us.
The font-family
attribute accept list of font. Each font have to be separated by a comma ,
.
The list of possible font-family
values is displayed below.
Configured language | Supported font-family
|
---|---|
zh_CN | âNoto Sans CJK tcâ |
zh_HK | âNoto Sans CJK tcâ |
zh_TW | âNoto Sans CJK tcâ |
ko_KR | âNoto Sans CJK krâ |
ja_JP | âNoto Sans CJK jpâ |
hy_AM | âNoto Sans Armenianâ |
All other supported language | âABeeZeeâ,âAbelâ,âAbhaya Libreâ,âAbril Fatfaceâ,âAbyssinica SILâ,âAclonicaâ,âAcmeâ,âActorâ,âAdaminaâ,âAdvent Proâ,âAguafina Scriptâ,âAldrichâ,âAlegreyaâ,âAlegreya Sansâ,âAlegreya Sans SCâ,âAlegreya SCâ,âAlex Brushâ,âAlfa Slab Oneâ,âAliceâ,âAlikeâ,âAlike Angularâ,âAllanâ,âAlluraâ,âAlmendraâ,âAlmendra Displayâ,âAlmendra SCâ,âAmaranteâ,âAmaranthâ,âAmatic SCâ,âAmethystaâ,âAmikoâ,âAmiriââAmiriâ,âAmitaâ,âAnaheimâ,âAndada SCâ,âAndikaâ,âAnnie Use Your Telescopeâ,âAnonymous Proâ,âAntic Didoneâ,âAntonâ,âArapeyâ,âArbutusâ,âArbutus Slabâ,âArchitects Daughterâ,âArchivoâ,âArchivo Blackâ,âArchivo Narrowâ,âArima Maduraiâ,âArimoâ,âArizoniaâ,âArmataâ,âArsenalâ,âArtifikaâ,âAryaâ,âAsapâ,âAsap Condensedâ,âAsarâ,âAssetâ,âAsulâ,âAthitiâ,âAtmaâ,âAtomic Ageâ,âAubreyâ,âAudiowideâ,âAutour Oneâ,âAverageâ,âAverage Sansâ,âAveria Gruesa Libreâ,âAveria Libreâ,âAveria Sans Libreâ,âAveria Serif Libreâ,âBad Scriptâ,âBahianaâ,âBalooâ,âBaloo Bhaiâ,âBaloo Bhaijaanâ,âBaloo Bhainaâ,âBaloo Chettanâ,âBaloo Daâ,âBaloo Paajiâ,âBaloo Tammaâ,âBaloo Tammuduâ,âBaloo Thambiâ,âBalthazarâ,âBangersâ,âBarlowâ,âBarlow Condensedâ,âBarlow Semi Condensedâ,âBarrioâ,âBasicâ,âBaumansâ,âBelgranoâ,âBellefairâ,âBellezaâ,âBerkshire Swashâ,âBevanâ,âBhavukaâ,âBigelow Rulesâ,âBigshot Oneâ,âBilboâ,âBilbo Swash Capsâ,âBitterâ,âBlack Ops Oneâ,âBonbonâ,âBoogalooâ,âBowlby Oneâ,âBowlby One SCâ,âBrawlerâ,âBree Serifâ,âBruno Aceâ,âBruno Ace SCâ,âBubblegum Sansâ,âBubbler Oneâ,âBuenardâ,âBungeeâ,âBungee Hairlineâ,âBungee Inlineâ,âBungee Outlineâ,âBungee Shadeâ,âButterfly KidsââButterfly Kidsâ,âCabinâ,âCabin Condensedâ,âCabin Sketchâ,âCagliostroâ,âCairoâ,âCalligraffittiâ,âCambayâ,âCamboâ,âCandalâ,âCantarellâ,âCantata Oneâ,âCantora Oneâ,âCapriolaâ,âCardoâ,âCarrois Gothicâ,âCarrois Gothic SCâ,âCarter Oneâ,âCatamaranâ,âCaudexâ,âCaveatâ,âCaveat Brushâ,âCedarville Cursiveâ,âCeviche Oneâ,âChangaâ,âChanga Oneâ,âChangoâ,âChau Philomene Oneâ,âChela Oneâ,âCherry Swashâ,âChewyâ,âChicleâ,âChivoâ,âChonburiâ,âClaraâ,âClicker Scriptâ,âCodaâ,âCoda Captionâ,âCodystarâ,âCoinyâ,âComboâ,âComfortaaâ,âComing Soonâ,âConcert Oneâ,âCondimentâ,âContrail Oneâ,âConvergenceâ,âCookieâ,âCopseâ,âCorbenâ,âCourgetteâ,âCousineâ,âCoustardâ,âCrafty Girlsâ,âCrete Roundâ,âCrimson Textâ,âCroissant Oneâ,âCrushedâ,âCuprumâ,âCutive Monoâ,âDamionâ,âDancing Scriptâ,âDawning of a New Dayâ,âDays Oneâ,âDekkoâ,âDeliusâ,âDelius Swash Capsâ,âDelius Unicaseâ,âDella Respiraâ,âDenk Oneâ,âDevonshireâ,âDhyanaâ,âDidact Gothicâ,âDinahâ,âDiplomataâ,âDiplomata SCâ,âDomineâ,âDonegal Oneâ,âDoppio Oneâ,âDorsaâ,âDosisâ,âDuru Sansâ,âDynalightâ,âEagle Lakeâ,âEaterâ,âEater Capsâ,âEB Garamondâ,âEconomicaâ,âEczarâ,âEk Muktaâ,âElectrolizeâ,âEl Messiriâ,âElsieâ,âElsie Swash Capsâ,âEmblema Oneâ,âEncode Sansâ,âEncode Sans Condensedâ,âEncode Sans Expandedâ,âEncode Sans Semi Condensedâ,âEncode Sans Semi Expandedâ,âEngagementâ,âEnglebertâ,âErica Oneâ,âEstebanâ,âEuphoria Scriptâ,âExoâ,âExpletus Sansâ,âFanwood Textâ,âFarsanâ,âFascinateâ,âFascinate Inlineâ,âFaster Oneâ,âFauna Oneâ,âFaustinaâ,âFederantâ,âFederoâ,âFelipaâ,âFenixâ,âFinger Paintâ,âFira Monoâ,âFira Sansâ,âFira Sans CondensedââFira Sans Condensedâ,âFira Sans Extra Condensedâ,âFjalla Oneâ,âFjord Oneâ,âFlamencoâ,âFondamentoâ,âFontdiner Swankyâ,âFrancois Oneâ,âFrank Ruhl Libreâ,âFreckle Faceâ,âFredoka Oneâ,âFrescaâ,âFrukturâ,âFugaz Oneâ,âGabrielaâ,âGafataâ,âGaldeanoâ,âGalindoâ,âGemunu Libreâ,âGentium Basicâ,âGentium Book Basicâ,âGeostarâ,âGeostar Fillâ,âGermania Oneâ,âGFS Didotâ,âGFS Neohellenicâ,âGiduguâ,âGilda Displayâ,âGive You Gloryâ,âGlegooâ,âGloria Hallelujahâ,âGoblin Oneâ,âGochi Handâ,âGorditasâ,âGothic A1â,âGraduateâ,âGrand Hotelâ,âGravitas Oneâ,âGreat Vibesâ,âGriffyâ,âGruppoâ,âGudeaâ,âHabibiâ,âHalantâ,âHammersmith Oneâ,âHanaleiâ,âHanalei Fillâ,âHappy Monkeyâ,âHarmattanâ,âHeadland Oneâ,âHenny Pennyâ,âHermeneus Oneâ,âHindâ,âHind Colomboâ,âHind Gunturâ,âHind Jalandharâ,âHind Kochiâ,âHind Maduraiâ,âHind Mysuruâ,âHind Siliguriâ,âHind Vadodaraâ,âHomemade Appleâ,âHomenajeâ,âIBM Plex Monoâ,âIBM Plex Sansâ,âIBM Plex Sans Condensedâ,âIBM Plex Serifâ,âIcebergâ,âIcelandâ,âIM Fell Double Picaâ,âIM Fell Double Pica SCâ,âIM Fell DW Picaâ,âIM Fell DW Pica SCâ,âIM Fell Englishâ,âIM Fell English SCâ,âIM Fell French Canonâ,âIM Fell French Canon SCâ,âIM Fell Great Primerâ,âIM Fell Great Primer SCâ,âImprimaâ,âInconsolataâ,âInderâ,âIndie Flowerâ,âInikaâ,âInknut Antiquaâ,âIrish Groverâ,âIstok Webâ,âItaliannoâ,âItimâ,âJacques Francoisâ,âJacques Francois Shadowâ,âJaldiâ,âJolly Lodgerâ,âJomhuriaâ,âJosefin Sansâ,âJosefin Sans Std Lightâ,âJoti Oneâ,âJudsonâ,âJuleeâ,âJulius Sans Oneâ,âJungeâ,âJuraâ,âJust Another Handâ,âJust Me Again Down Hereâ,âKadwaâ,âKalamâ,âKameronâ,âKarmaâ,âKatibehâ,âKaushan Scriptâ,âKavoonâ,âKeania Oneâ,âKhandâ,âKite Oneâ,âKotta Oneâ,âKrankyâ,âKreonâ,âKrona Oneâ,âKuraleâ,âLa Belle Auroreâ,âLailaâ,âLateefâ,âLatoâ,âLeckerli Oneâ,âLemonâ,âLemonadaâ,âLibre Baskervilleâ,âLibre Caslon Textâ,âLife Saversâ,âLilita Oneâ,âLimelightâ,âLinden Hillâ,âLobsterâ,âLobster Twoâ,âLondrina Outlineâ,âLondrina Shadowâ,âLondrina Sketchâ,âLondrina Solidâ,âLoraââLoraâ,âLoved by the Kingâ,âLovers Quarrelâ,âLove Ya Like A Sisterâ,âLuckiest Guyâ,âLusitanaâ,âLustriaâ,âMacondoâ,âMacondo Swash Capsâ,âMadaâ,âMagraâ,âMaiden Orangeâ,âMaitreeâ,âMakoâ,âManualeâ,âMarcellusâ,âMarcellus SCâ,âMarck Scriptâ,âMargarineâ,âMarko Oneâ,âMarmeladâ,âMateâ,âMate SCâ,âMaven Proâ,âMcLarenâ,âMeddonâ,âMedievalSharpâ,âMedula Oneâ,âMeera Inimaiâ,âMeie Scriptâ,âMerge Oneâ,âMeriendaâ,âMerienda Oneâ,âMerriweatherâ,âMerriweather Sansâ,âMervale Scriptâ,âMetal Maniaâ,âMetamorphousâ,âMetrophobicâ,âMichromaâ,âMilongaâ,âMiltonianâ,âMiltonian Tattooâ,âMinaâ,âMirzaâ,âMiss Fajardoseâ,âMiss Saint Delafieldâ,âMitrâ,âModakâ,âModern Antiquaâ,âMograâ,âMondaâ,âMonofettâ,âMonotonâ,âMonsieur La Doulaiseâ,âMontagaâ,âMontezâ,âMontserratâ,âMontserrat Alternatesâ,âMountains of Christmasâ,âMouse Memoirsâ,âMr Bedfordâ,âMr Bedfortâ,âMr Dafoeâ,âMr De Havilandâ,âMrs Saint Delafieldâ,âMuktaâ,âMukta Maheeâ,âMukta Malarâ,âMukta Vaaniâ,âMuliâ,âMystery Questâ,âNanum Gothicâ,âNanum Myeongjoâ,âNATSâ,âNeutonâ,âNew Rockerâ,âNews Cycleâ,âNiconneâ,âNixie Oneâ,âNobileâ,âNoricanâ,âNosiferâ,âNosifer Capsâ,âNothing You Could Doâ,âNoticia Textâ,âNoto Sansâ,âNoto Sans ArmenianââNoto Sans CJK jpââNoto Sans CJK jpâ,âNoto Sans CJK krâ,âNoto Sans CJK scâ,âNoto Sans CJK tcâ,âNoto Serifâ,âNoto Serif Armenianâ,âNoto Serif CJK jpâ,âNoto Serif CJK krâ,âNoto Serif CJK scâ,âNoto Serif CJK tcââNova Cutâ,âNova Flatâ,âNova Monoâ,âNova Ovalâ,âNova Roundâ,âNova Scriptâ,âNova Slimâ,âNova Squareâ,âNumansâ,âNunitoâ,âNunito Sansâ,âOffsideâ,âOFL Sorts Mill Goudy TTâ,âOldenburgâ,âOld Standard TTâ,âOleo Scriptâ,âOleo Script Swash Capsâ,âOpen Sansâ,âOpen Sans Condensedâ,âOranienbaumâ,âOreganoâ,âOrientaâ,âOriginal Surferâ,âOswaldâ,âOverlockâ,âOverlock SCâ,âOverpassâ,âOverpass Monoâ,âOver the Rainbowâ,âOvoâ,âOxygen Monoâ,âPacificoâ,âPalanquinâ,âPalanquin Darkâ,âPangolinâ,âPaprikaâ,âParisienneâ,âPassero Oneâ,âPassion Oneâ,âPathway Gothic Oneâ,âPattayaâ,âPatua Oneâ,âPaytone Oneâ,âPecitaâ,âPeraltaâ,âPermanent Markerâ,âPetit Formal Scriptâ,âPetronaâ,âPhilosopherâ,âPiedraâ,âPinyon Scriptâ,âPirata Oneâ,âPlasterâ,âPlayâ,âPlayballâ,âPodkovaâ,âPoetsen Oneâ,âPoiret Oneâ,âPoller Oneâ,âPolyâ,âPompiereâ,âPoppinsâ,âPort Lligat Sansâ,âPort Lligat Slabâ,âPost No Bills Colomboâ,âPost No Bills Jaffnaâ,âPragati Narrowâ,âPrataâ,âPress Start 2Pâ,âProsto Oneâ,âPT Monoâ,âPT Sansâ,âPT Sans Captionâ,âPT Sans Narrowâ,âPT Serifâ,âPT Serif Captionâ,âPurple Purseâ,âQuandoâ,âQuanticoâ,âQuattrocentoâ,âQuattrocento Sansâ,âQuestrialâ,âQuicksandâ,âQuintessentialâ,âQwigleyâ,âRacing Sans Oneâ,âRadleyâ,âRakkasâ,âRalewayâ,âRaleway Dotsâ,âRamblaâ,âRammetto Oneâ,âRanchersâ,âRangaâ,âRasaâ,âRationaleâ,âRedressedâ,âReem Kufiâ,âReenie Beanieâ,âRhodium Libreâ,âRibeyeâ,âRibeye Marrowâ,âRighteousâ,âRisqueâ,âRobotoâ,âRoboto Condensedâ,âRoboto Monoâ,âRoboto Slabâ,âRochesterâ,âRock Saltâ,âRokkittâ,âRomanescoâ,âRopa Sansâ,âRosarioâ,âRosarivoâ,âRouge Scriptâ,âRozha Oneâ,âRubik Mono Oneâ,âRubik Oneâ,âRudaâ,âRufinaâ,âRuge Boogieâ,âRum Raisinâ,âRuslan Displayâ,âRusso Oneâ,âRuthieâ,âRyeâ,âSacramentoâ,âSailâ,âSairaâ,âSaira Condensedâ,âSaira Extra Condensedâ,âSaira Semi Condensedâ,âSancreekâ,âSansationâ,âSansita Oneâ,âSarabunââSarabunâ,âSarinaâ,âSarpanchâ,âScadaâ,âScheherazadeâ,âSchoolbellâ,âScope Oneâ,âSeaweed Scriptâ,âSecular Oneâ,âSedanâ,âSedan SCâ,âSevillanaâ,âSeymour Oneâ,âShadows Into Lightâ,âShadows Into Light Twoâ,âShantiâ,âShareâ,âShare Techâ,âShare Tech Monoâ,âShojumaruâ,âShort Stackâ,âShrikhandâ,âSigmar Oneâ,âSimonettaâ,âSintonyâ,âSirin Stencilâ,âSix Capsâ,âSkranjiâ,âSlabo 13pxâ,âSlabo 27pxâ,âSlackeyâ,âSmokumâ,âSmytheâ,âSnigletâ,âSnippetâ,âSnowburst Oneâ,âSofadi Oneâ,âSofiaâ,âSonsie Oneâ,âSorts Mill Goudyâ,âSource Code Proâ,âSource Sans Proâ,âSource Serif Proâ,âSpace Monoâ,âSpecial Eliteâ,âSpectralâ,âSpectral SCââSpectral SCâ,âSpicy Riceâ,âSpinnakerâ,âSpiraxâ,âSrirachaâ,âStalemateââStalemateâ,âStalinist Oneâ,âStalin Oneâ,âStardos Stencilâ,âStint Ultra Condensedâ,âStint Ultra Expandedâ,âStokeâ,âStraitâ,âStrongâ,âSue Ellen Franciscoâ,âSumanaâ,âSunshineyâ,âSupermercado Oneâ,âSwanky and Moo Mooâ,âSyncopateâ,âTajawalâ,âTangerineâ,âTauriâ,âTekoâ,âTenor Sansâ,âTerminal Dosisâ,âTerminal Dosis Lightâ,âText Me Oneâ,âThe Girl Next Doorâ,âTienneâ,âTillanaâ,âTinosâ,âTitan Oneâ,âTitillium Webâ,âTrykkerâ,âTuffyâ,âTulpen Oneâ,âUbuntuâ,âUbuntu Condensedâ,âUbuntu Monoâ,âUltraâ,âUncial Antiquaâ,âUnderdogâ,âUnica Oneâ,âUnkemptâ,âUnlockâ,âUnnaâ,âVampiro Oneâ,âVarelaâ,âVarela Roundâ,âVartaâ,âVast Shadowâ,âVesper Libreâ,âViburâ,âVidalokaâ,âVigaâ,âVocesâ,âVolkhovâ,âVollkornâ,âVoltaireâ,âVT323â,âWallpoetâ,âWalter Turncoatâ,âWarnesâ,âWellfleetâ,âWire Oneâ,âWork Sansâ,âYaldevi Colomboâ,âYanone Kaffeesatzâ,âYantramanavâ,âYatra Oneâ,âYellowtailâ,âYeseva Oneâ,âYesteryearâ,âYrsaâ,âZeyadaâ,âZilla Slabâ,âZilla Slab Highlightâ |
Colors
Colors can be specified as rgb()
, rgba()
, hsl()
, hsla()
, #rgb
, #rgba
, #rrggbb
, #rrggbbaa
.
Named colors (black
, red
, etc.) are not supported.
-myscript-pen-brush
Possible values for pen brushes are: Polyline
, FountainPen
, CalligraphicQuill
, CalligraphicBrush
, Qalam
and FeltPen
.
-myscript-text-decoration-style
-
none
- No decoration. -
underlined
- Simple underline. -
double-underlined
- Double underline. -
framed
- Rectangular frame drawn around the content and background color. -
circled
- Rounded frame drawn around the content and background color. -
framed-outline
- Rectangular frame around the content, no background is drawn. -
framed-background
- Rectangular frame around the content with only the background being rendered. -
circled-outline
- Circle frame around the content, no background is drawn. -
circled-background
- Circle frame around the content with only the background being rendered.
-myscript-pen-fill-style
-
none
- No fill. -
solid
- Fill with a solid color.