DLx Pattern Library

DLx Pattern Library

Source: ../typography/typography.less, line 1

1 Typography

The /typography folder in this repository contains recommended fonts with good Unicode support. The fonts.less file contains font-family declarations, with fallbacks, for serif and sans-serif fonts. The LinuxLibertine.less file contains @font-face declarations for the Linux Libertine font. You can swap out the font names for your font of choice. All recommend fonts are located in the /typography folder in .woff2 format (which is supported by all major modern browers). Note that components do not import the typography.less or fonts.less file by default. You may need to import them yourself, or define your own --font-unicode-sans and --font-unicode-serif variables and assign them values.

Source: ../typography/LinuxLibertine.less, line 1

1.2 Linux Libertine

This is the main recommended font for representing linguistic data in Unicode. .woff2 versions of this font family are located in /typography/LinuxLibertine.

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine';">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine'; font-weight: bold;">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine'; font-style: italic; font-weight: bold;">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine Display';">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine'; font-style: italic;">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine'; font-weight: 600;">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>

Example

àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ

<p style="font-family: 'Linux Libertine'; font-style: italic; font-weight: 600;">àáâãäåāăąǎǟǡȧǻȁȃḁẚạảầấẩẫậắằẳẵặ ḃḅḇ ćĉċčḉ ďḋḍḏḑḓ èéêëēĕėęěȅȩȇḕḗḙḛḝẹẻẽềếểễệ ḟ ĝğġģǧǵḡ ĥȟḣḥḧḩḫẖ ìíîȉǐïįīịĩḭḯỉȋĭ ĵǰ ķǩḱḳḵ ĺļľḻŀḷḹḽ ḿṁṃ ñńņňʼnǹṅṇṉṋ òóôõöōŏőǒǫǭȍȏȫȭȯȱṍṏṑṓọỏồốổỗộớờởỡợ ṕṗ ŕŗřȑȓṙṛṝṟ śŝşšșṡṣṥṧṩ ţťțṫṭṯṱẗ ùúûüũūŭůűųǔǖǘǚǜȕȗṳṵṷṹṻụủứừửữự ṽṿ ŵẁẃẅẇẉẘ ẋẍ ýÿŷȳẏẙỳỵỷỹ źżžẑẓẕǯ ǣǽ ǿ ẛ</p>