DLx Styles Library

DLx Styles Library

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

1 Typography

The /typography folder in this repository contains recommended fonts with good Unicode support. It contains two variables (in both LESS format and CSS variables format), --font-unicode-sans and --font-unicode-serif, which each contain a recommended list of unicode fonts with fallbacks. Note that components do not import the typography.less file, however certain components assume the presence of the --font-unicode-serif CSS variable. You may need to import the file 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>