Skip to main content

​
Overview

GlassText supports all SwiftUI font weights, giving you precise control over text thickness and visual hierarchy. Use font weights to create emphasis and establish clear typographic relationships in your glass morphism designs.
Heavier font weights create more visible glass effects, while lighter weights produce subtle, elegant results.

​
Available font weights

GlassText supports nine font weight options:
  • ultraLight - Thinnest weight
  • thin - Very light weight
  • light - Light weight
  • regular - Normal weight
  • medium - Medium weight
  • semibold - Semi-bold weight
  • bold - Bold weight
  • heavy - Heavy weight
  • black - Thickest weight

​
Basic example

GlassText("Light Weight", glass: .regular)
    .fontWeight(.light)

​
Complete example

This example demonstrates multiple font weights in a vertical stack: 
import SwiftUI
import GlassText

struct FontWeightsDemo: View {
    var body: some View {
        VStack(spacing: 15) {
            GlassText("Light Weight", glass: .regular)
                .fontWeight(.light)
            
            GlassText("Regular Weight", glass: .regular)
                .fontWeight(.regular)
            
            GlassText("Bold Weight", glass: .regular)
                .fontWeight(.bold)
            
            GlassText("Heavy Weight", glass: .regular)
                .fontWeight(.heavy)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(
            LinearGradient(
                gradient: Gradient(colors: [.blue, .purple]),
                startPoint: .topLeading,
                endPoint: .bottomTrailing
            )
        )
    }
}

​
Using weights with system fonts

Combine font weights directly in the .font() modifier: 
GlassText("Your Text")
    .font(.system(size: 32, weight: .bold, design: .rounded))

​
Preview example

This example from the GlassText preview shows font weights with rounded design: 
VStack(spacing: 15) {
    Text("Font Weights")
        .font(.headline)
        .padding(8)
        .glassEffect()

    GlassText("Light")
        .font(.system(size: 36).weight(.light))
        .fontDesign(.rounded)
    GlassText("Bold")
        .font(.system(size: 36).weight(.bold))
        .fontDesign(.rounded)
    GlassText("Heavy")
        .font(.system(size: 36).weight(.heavy))
        .fontDesign(.rounded)
}

​
Weights with tinted glass

Combine font weights with tinted glass effects for colorful emphasis: 
import SwiftUI
import GlassText

struct GlassTextDemo: View {
    var body: some View {
        VStack(spacing: 15) {
            GlassText("Light", glass: .regular.tint(.cyan))
                .font(.system(size: 36).weight(.light))
                .fontDesign(.rounded)
            
            GlassText("Bold", glass: .regular.tint(.orange))
                .font(.system(size: 36).weight(.bold))
                .fontDesign(.rounded)
            
            GlassText("Heavy", glass: .regular.tint(.purple))
                .font(.system(size: 36).weight(.heavy))
                .fontDesign(.rounded)
        }
    }
}

​
Large title with heavy weight

Create impactful headers with large sizes and heavy weights: 
GlassText("Glass 2048", glass: .regular)
    .font(.system(size: 44))
    .fontWeight(.heavy)
    .fontDesign(.rounded)

​
Visual hierarchy guide

For main headers and titles, use heavier weights:
GlassText("Main Title", glass: .regular)
    .fontWeight(.heavy)
    .font(.largeTitle)
Font weights affect how prominently the glass effect appears. Heavier weights create more defined glass shapes, while lighter weights produce delicate, translucent effects.

Build docs developers (and LLMs) love

Get started for freeTalk to us