legos/font

Types

Adjustment

pub type Adjustment {
  Adjustment(
    capital: Float,
    lowercase: Float,
    baseline: Float,
    descender: Float,
  )
}

Constructors

Adjustment(
  capital: Float,
  lowercase: Float,
  baseline: Float,
  descender: Float,
)

ExternalFontConfig

</>

pub type ExternalFontConfig {
  ExternalFontConfig(url: String, name: String)
}

Constructors

ExternalFontConfig(url: String, name: String)

Font

</>

pub type Font =
  @internal Font

FontConfig

</>

pub type FontConfig {
  FontConfig(
    name: String,
    adjustment: option.Option(@internal Adjustment),
    variants: List(@internal Variant),
  )
}

Constructors

FontConfig(
  name: String,
  adjustment: option.Option(@internal Adjustment),
  variants: List(@internal Variant),
)

TextShadowConfig

</>

Add a text shadow

pub type TextShadowConfig {
  TextShadowConfig(
    offset: #(Float, Float),
    blur: Float,
    color: @internal Color,
  )
}

Constructors

TextShadowConfig(
  offset: #(Float, Float),
  blur: Float,
  color: @internal Color,
)

Variant

</>

pub type Variant =
  @internal Variant

Values

align_left

</>

pub fn align_left() -> @internal Attribute(@internal Aligned, msg)

Align text to the left

align_right

</>

pub fn align_right() -> @internal Attribute(
  @internal Aligned,
  msg,
)

Align text to the right

bold

</>

pub fn bold() -> @internal Attribute(@internal Aligned, msg)

Bold text

center

</>

pub fn center() -> @internal Attribute(@internal Aligned, msg)

Center align text

color

</>

pub fn color(
  font_color: @internal Color,
) -> @internal Attribute(decorative, msg)

Set the font color

diagonal_fractions

</>

pub fn diagonal_fractions() -> @internal Variant

Diagonal fractions variant

external

</>

pub fn external(config: ExternalFontConfig) -> @internal Font

Import an external font

extra_bold

</>

pub fn extra_bold() -> @internal Attribute(@internal Aligned, msg)

Extra bold font weight

extra_light

</>

pub fn extra_light() -> @internal Attribute(
  @internal Aligned,
  msg,
)

Extra light font weight

family

</>

pub fn family(
  families: List(@internal Font),
) -> @internal Attribute(@internal Aligned, msg)

Set the font family from a list of fonts

feature

</>

pub fn feature(name: String, on: Bool) -> @internal Variant

Set a feature by name and enabled state

full

</>

pub fn full() -> @internal Attribute(@internal Aligned, msg)

Full size

glow

</>

pub fn glow(
  clr: @internal Color,
  intensity: Float,
) -> @internal Attribute(decorative, msg)

Add a glow effect (simplified shadow)

hairline

</>

pub fn hairline() -> @internal Attribute(@internal Aligned, msg)

Hairline font weight

heavy

</>

pub fn heavy() -> @internal Attribute(@internal Aligned, msg)

Heavy font weight

indexed

</>

pub fn indexed(name: String, index: Int) -> @internal Variant

Set an indexed font variant

italic

</>

pub fn italic() -> @internal Attribute(@internal Aligned, msg)

Italic text

justify

</>

pub fn justify() -> @internal Attribute(@internal Aligned, msg)

Justify text alignment

letter_spacing

</>

pub fn letter_spacing(
  offset: Float,
) -> @internal Attribute(@internal Aligned, msg)

Set letter spacing in pixels

ligatures

</>

pub fn ligatures() -> @internal Variant

Ligatures variant

light

</>

pub fn light() -> @internal Attribute(@internal Aligned, msg)

Light font weight

medium

</>

pub fn medium() -> @internal Attribute(@internal Aligned, msg)

Medium font weight

monospace

</>

pub fn monospace() -> @internal Font

A monospace font

ordinal

</>

pub fn ordinal() -> @internal Variant

Ordinal markers variant

regular

</>

pub fn regular() -> @internal Attribute(@internal Aligned, msg)

Regular font weight

sans_serif

</>

pub fn sans_serif() -> @internal Font

A sans-serif font

semi_bold

</>

pub fn semi_bold() -> @internal Attribute(@internal Aligned, msg)

Semi-bold font weight

serif

</>

pub fn serif() -> @internal Font

A serif font

shadow

</>

pub fn shadow(
  config: TextShadowConfig,
) -> @internal Attribute(decorative, msg)

size

</>

pub fn size(i: Int) -> @internal Attribute(decorative, msg)

Set font size in pixels

size_by_capital

</>

pub fn size_by_capital() -> @internal Attribute(
  @internal Aligned,
  msg,
)

Size by capital height

slashed_zero

</>

pub fn slashed_zero() -> @internal Variant

Slashed zero variant

small_caps

</>

pub fn small_caps() -> @internal Variant

Small caps variant

stacked_fractions

</>

pub fn stacked_fractions() -> @internal Variant

Stacked fractions variant

strike

</>

pub fn strike() -> @internal Attribute(@internal Aligned, msg)

Strike through text

swash

</>

pub fn swash(index: Int) -> @internal Variant

Swash variant with index

tabular_numbers

</>

pub fn tabular_numbers() -> @internal Variant

Tabular numbers variant

typeface

</>

pub fn typeface(name: String) -> @internal Font

A specific typeface by name

underline

</>

pub fn underline() -> @internal Attribute(@internal Aligned, msg)

Underline text

unitalicized

</>

pub fn unitalicized() -> @internal Attribute(
  @internal Aligned,
  msg,
)

Remove italic styling

variant

</>

pub fn variant(
  var: @internal Variant,
) -> @internal Attribute(@internal Aligned, msg)

Set a single font variant

variant_list

</>

pub fn variant_list(
  vars: List(@internal Variant),
) -> @internal Attribute(@internal Aligned, msg)

Set multiple font variants

with

</>

pub fn with(config: FontConfig) -> @internal Font

Create a font with custom properties

word_spacing

</>

pub fn word_spacing(
  offset: Float,
) -> @internal Attribute(@internal Aligned, msg)

Set word spacing in pixels