DEV Community

E Meier
E Meier

Posted on

Implement Fonts in Lit

In a previous post of mine, I mentioned I was in a group project creating web component learning cards (shown in the image below) that are composed of several different elements.

Image description

An important aspect of design and accessibility that may often be overlooked is the use of fonts. We are able to implement fonts in Lit by importing something like Google Font. This can be simply done in HTML using the following code:

<link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">
Enter fullscreen mode Exit fullscreen mode

Click for Reference Link

Top comments (0)