Port Lligat Sans

.example-class {font-family: 'Port Lligat Sans';}

Port Lligat Sans

Port Lligat Sans is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.

Display

Handwriting

Monospace

Sans-serif

Serif

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) + =

Port Lligat Sans Used As Heading Examples

Hierarchy	Weight	Size	Line Height	Letter Spacing
Heading Level 1	Bold	64px	64px	0px
Heading Level 2	SemiBold	48px	64px	0px
Heading Level 3	Medium	32px	48px	0.5px
Heading Level 4	Regular	24px	32px	0.5px
Heading Level 5	Regular	16px	24px	0.5px
Heading Level 6	Medium	13px	16px	0.5px

Port Lligat Sans Used As Body Text

Element	Weight	Size	Line Height	Letter Spacing
Body Text	Regular	16px	24px	0.5px
Italicized	Regular Italic	16px	24px	0.5px
Bold	Bold	16px	24px	0.5px
Small Caps	Regular	16px	24px	0.5px
Secondary Text	Medium	13px	16px	0.5px

Fonts Similar to Port Lligat Sans

IBM Plex Sans Condensed

Kantumruy Pro

IBM Plex Sans JP

Arimo

Epilogue

How to Embed Port Lligat Sans in Your Project

Using a <link> tag in HTML

<link href="https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap" rel="stylesheet">

Using @import in CSS

@import url('https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap');

Using @font-face in CSS

@font-face { font-family: 'Port Lligat Sans'; src: url('https://fonts.googleapis.com/css2?family=Port+Lligat+Sans&display=swap'); }

CSS Code Examples

.example-class { font-family: 'Port Lligat Sans'; }

Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.

// SCSS Variable $example-class-font-family: 'Port Lligat Sans'; .example-class { font-family: $example-class-font-family; }

SCSS Variable: Defining the font-family in a variable for reuse across multiple styles, simplifying maintenance and updates.

// Tailwind CSS .example-class { @apply font-port-lligat-sans-sans-serif; }

Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.

Port Lligat Sans's Details

Port Lligat Sans is a sans-serif typeface designed for readability and simplicity. The font was developed by the design team at Google Fonts. Port Lligat Sans, Port Lligat Sans is intended to offer a clean and modern look, making it suitable for various digital and print applications. The design characteristics of Port Lligat Sans include its open letterforms and consistent stroke width, which enhance legibility. The font features a low contrast between thick and thin strokes, contributing to its even texture. Its x-height is relatively high, which makes lowercase letters more prominent and easier to read at smaller sizes. The typeface includes a set of numerals that align well with the letterforms, ensuring a uniform appearance across different types of content. Port Lligat Sans is versatile and can be used in digital interfaces, websites, and printed materials. It's especially effective in body text because of its clarity and straightforward structure. Designers might think about using it for user interfaces, where readability at various screen sizes is crucial. The font's neutral tone makes it a good choice for a wide range of design projects, from corporate branding to educational materials. Notable features of Port Lligat Sans include its extensive character set, which supports multiple languages and scripts. This makes it a valuable tool for global applications. The font is also optimized for web use, ensuring quick load times and crisp rendering on various devices. Its design emphasizes functionality without sacrificing aesthetic appeal, making it a reliable choice for both professional and casual projects.

Accessibility Overview for Port Lligat Sans

The Port Lligat Sans font is a display typeface known for its soft variation in strokes, condensed structure, vertical stress, and well-balanced groovy rhythm. Its design characteristics include a contemporary and stylish appearance, making it suitable for use in headings, logos, posters, and other display applications. The font's unique features contribute to a modern and eye-catching aesthetic, making it a popular choice for creative and impactful design projects.

Port Lligat Sans's Legibility

The font's legibility is enhanced by its balanced spacing, appropriate x-height, and clear character differentiation. The well-proportioned letterforms and consistent spacing contribute to its readability, ensuring that each character is easily distinguishable and legible, even at smaller sizes.

Port Lligat Sans's Readability

In terms of readability, Port Lligat Sans performs well in various contexts. It is suitable for use in long text passages, providing a harmonious flow of text that remains easy to read. Additionally, it is effective for captions and digital displays, maintaining clarity and legibility across different sizes and resolutions.

Port Lligat Sans's Visual Fatigue and Adaptability

The font's design minimizes the potential for visual fatigue in extensive reading materials due to its balanced letterforms and spacing. Furthermore, its adaptability across different devices and language scripts ensures consistent legibility and aesthetic appeal in diverse settings.

Port Lligat Sans Accessibility Recommendations

To enhance accessibility, it is recommended to ensure sufficient contrast ratios when using Port Lligat Sans, particularly in digital and print media. Additionally, selecting appropriate sizes for different uses, such as body text and headings, is essential for accommodating diverse user groups. Modifications for enhanced readability, such as adjusting letter spacing for improved legibility, are also beneficial.

Best Practices for Using Port Lligat Sans

When using Port Lligat Sans in design, it is best practice to pair it with complementary typefaces to create visual hierarchy and contrast. For example, combining it with a legible serif font for body text can create an engaging and balanced layout. Additionally, using it selectively for impactful headlines and titles can effectively leverage its unique design characteristics to capture attention and convey a distinct visual identity.

License Type

The font Port Lligat Sans is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can use it for personal, professional, and commercial projects without needing to pay or get permission. You can include Port Lligat Sans in software, documents, and other projects. If you want to share the font with others, you're allowed to do so, but you must include the OFL license file with it. If you modify the font, you can share your version, but you must rename it to avoid confusion with the original. You can't sell the font by itself. However, you can sell products that use the font, like books, posters, or websites. The license supports collaboration and sharing because it lets you freely use and improve the font while respecting the original creator's work. To sum up, the SIL Open Font License for Port Lligat Sans is permissive. It encourages free use and sharing, with a few conditions to protect the original font and its creators.

Language Support

Port Lligat Sans supports Latin-based languages, providing a wide range of characters and glyphs suitable for English, Spanish, French, German, Italian, and other languages that use the Latin alphabet.

Download Weights & Variants

regular

Port Lligat Sans

Fonts Similar to Port Lligat Sans

IBM Plex Sans Condensed

Kantumruy Pro

IBM Plex Sans JP

Arimo

Epilogue

How to Embed Port Lligat Sans in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Port Lligat Sans's Details

Accessibility Overview for Port Lligat Sans

Port Lligat Sans's Legibility

Port Lligat Sans's Readability

Port Lligat Sans's Visual Fatigue and Adaptability

Port Lligat Sans Accessibility Recommendations

Best Practices for Using Port Lligat Sans

License Type

Language Support

Download Weights & Variants

About Us