{"id":37395,"date":"2025-04-04T18:25:26","date_gmt":"2025-04-04T15:25:26","guid":{"rendered":"https:\/\/typetype.org\/de\/?page_id=37395"},"modified":"2026-05-19T17:49:49","modified_gmt":"2026-05-19T14:49:49","slug":"font-pairs","status":"publish","type":"page","link":"https:\/\/typetype.org\/de\/font-pairs\/","title":{"rendered":"Schriftpaare und kombinationen"},"content":{"rendered":"<section class=\"font-pairs\">\n            <div class=\"font-pairs__header\">\n                            <div class=\"custom-screen__row\">\n                <h1 class=\"font-pairs__maintitle\">Schriftpaare und kombinationen<\/h1>\n                <\/div>\n                                        <div class=\"custom-screen__row\">\n                    <div class=\"font-pairs__maintext\">Fertige Schriftpaare f\u00fcr \u00dcberschriften und Texte. Unsere Schriftdesigner haben nur bew\u00e4hrte Kombinationen ausgew\u00e4hlt, die wirklich funktionieren. Nutze sie, um Zeit zu sparen und ein ausdrucksstarkes, professionelles Design zu erstellen.<\/div>\n                <\/div>\n                    <\/div>\n                <div class=\"font-pairs__filter\">\n            <div class=\"main-fonts new-catalog main-testers\">\n                <div class=\"font-tester__menu-row\">\n                    <div class=\"font-tester\">\n                        <div class=\"font-tester__menu\">\n                            <div class=\"font-tester__menu-col\">\n                                <div class=\"font-menu__filter\">\n                                                                            <div class=\"tag-cloud tag-cloud__tester font-cloud\">\n                                            <div class=\"tag-cloud__title \">\n                                                <span class=\"ft-tag-title-current\">Schriftarten:<small> <\/small><\/span>\n                                                <span class=\"ft-tag-title\">Schriftarten<\/span>\n                                                <a href=\"#\" class=\"remove-current-tag\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M7 7L17 17\" stroke=\"black\"><\/path>\n                                                        <path d=\"M17 7L7 17\" stroke=\"black\"><\/path>\n                                                    <\/svg><\/a>\n                                                <svg width=\"24\" height=\"24\" class=\"tag-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M7 10L12 15L17 10\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <\/svg>\n                                            <\/div>\n                                            <ul class=\"tag-cloud__list\">\n                                                <li class=\"current-tag\">\n                                                    <a href=\"#\" data-taxonomy=\"font\" data-slug=\"all\" data-text=\"Alle\">Alle<\/a>\n                                                <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2279\" data-text=\"TT Alientz\">TT Alientz<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"563\" data-text=\"TT Autonomous\">TT Autonomous<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1448\" data-text=\"TT Backwards\">TT Backwards<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"42725\" data-text=\"TT Bakers\">TT Bakers<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2471\" data-text=\"TT Bells\">TT Bells<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1372\" data-text=\"TT Berlinerins\">TT Berlinerins<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"33047\" data-text=\"TT Biersal\">TT Biersal<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"13179\" data-text=\"TT Bluescreens Pro\">TT Bluescreens Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3887\" data-text=\"TT Bricks\">TT Bricks<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"27110\" data-text=\"TT Carvist\">TT Carvist<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2635\" data-text=\"TT Chocolates\">TT Chocolates<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"13500\" data-text=\"TT Cometus\">TT Cometus<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3607\" data-text=\"TT Commons\u2122 Classic\">TT Commons\u2122 Classic<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"14109\" data-text=\"TT Commons\u2122 Pro\">TT Commons\u2122 Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2593\" data-text=\"TT Corals\">TT Corals<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"37532\" data-text=\"TT Disruptors\">TT Disruptors<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"47619\" data-text=\"TT Dott\">TT Dott<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"642\" data-text=\"TT Drugs\">TT Drugs<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"10258\" data-text=\"TT Espina\">TT Espina<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"7577\" data-text=\"TT Fellows\">TT Fellows<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1590\" data-text=\"TT Firs Neue\">TT Firs Neue<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"21718\" data-text=\"TT Firs Text\">TT Firs Text<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"4944\" data-text=\"TT Fors\">TT Fors<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1524\" data-text=\"TT Frantz\">TT Frantz<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2292\" data-text=\"TT Geekette\">TT Geekette<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"37492\" data-text=\"TT Gentlemens\">TT Gentlemens<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"33938\" data-text=\"TT Gertika\">TT Gertika<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"5622\" data-text=\"TT Globs\">TT Globs<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2858\" data-text=\"TT Hazelnuts\">TT Hazelnuts<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"9645\" data-text=\"TT Hoves Pro\">TT Hoves Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"9473\" data-text=\"TT Interphases Pro\">TT Interphases Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1670\" data-text=\"TT Jenevers\">TT Jenevers<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1359\" data-text=\"TT Knickerbockers\">TT Knickerbockers<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"13591\" data-text=\"TT Lakes Neue\">TT Lakes Neue<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"8852\" data-text=\"TT Livret\">TT Livret<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"636\" data-text=\"TT Lovelies Script\">TT Lovelies Script<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"38503\" data-text=\"TT Marks\">TT Marks<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1540\" data-text=\"TT Marxiana\">TT Marxiana<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1731\" data-text=\"TT Milks\">TT Milks<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"32635\" data-text=\"TT Modernoir\">TT Modernoir<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2437\" data-text=\"TT Moons\">TT Moons<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3312\" data-text=\"TT Mussels\">TT Mussels<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"47591\" data-text=\"TT Neoris Pro\">TT Neoris Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"48118\" data-text=\"TT Nooks Script\">TT Nooks Script<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2153\" data-text=\"TT Nooks Serif\">TT Nooks Serif<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"17161\" data-text=\"TT Norms\u00ae Pro\">TT Norms\u00ae Pro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"11917\" data-text=\"TT Norms\u00ae Pro Serif\">TT Norms\u00ae Pro Serif<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2526\" data-text=\"TT Norms\u00ae Std Condensed\">TT Norms\u00ae Std Condensed<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2008\" data-text=\"TT Octas\">TT Octas<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3266\" data-text=\"TT Octosquares\">TT Octosquares<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"31664\" data-text=\"TT Paplane\">TT Paplane<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1392\" data-text=\"TT Polls\">TT Polls<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1122\" data-text=\"TT Prosto Sans\">TT Prosto Sans<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"43134\" data-text=\"TT Quaris\">TT Quaris<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"47886\" data-text=\"TT Qurdisma\">TT Qurdisma<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2307\" data-text=\"TT Ramillas\">TT Ramillas<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"7202\" data-text=\"TT Rationalist\">TT Rationalist<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"43592\" data-text=\"TT Regins\">TT Regins<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"6761\" data-text=\"TT Ricks\">TT Ricks<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1938\" data-text=\"TT Ricordi\">TT Ricordi<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"7178\" data-text=\"TT Ricordi Allegria\">TT Ricordi Allegria<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"6612\" data-text=\"TT Ricordi Greto\">TT Ricordi Greto<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"6134\" data-text=\"TT Ricordi Marmo\">TT Ricordi Marmo<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"12221\" data-text=\"TT Rounds Neue\">TT Rounds Neue<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"17762\" data-text=\"TT Runs\">TT Runs<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2818\" data-text=\"TT Severs\">TT Severs<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1483\" data-text=\"TT Slabs\">TT Slabs<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"11281\" data-text=\"TT Smalls\">TT Smalls<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3092\" data-text=\"TT Supermolot Neue\">TT Supermolot Neue<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"11411\" data-text=\"TT Trailers\">TT Trailers<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"5946\" data-text=\"TT Travels Next\">TT Travels Next<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"28948\" data-text=\"TT Travels Text\">TT Travels Text<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"4017\" data-text=\"TT Tricks\">TT Tricks<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"1835\" data-text=\"TT Tsars\">TT Tsars<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"44746\" data-text=\"TT Turns\">TT Turns<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"font\" data-slug=\"3282\" data-text=\"TT Wellingtons\">TT Wellingtons<\/a>\n                                                    <\/li>\n                                                                                            <\/ul>\n                                        <\/div>\n                                                                                                                <div class=\"tag-cloud tag-cloud__tester product_cat-cloud\">\n                                            <div class=\"tag-cloud__title \">\n                                                <span class=\"ft-tag-title-current\">Kategorie:<small> <\/small><\/span>\n                                                <span class=\"ft-tag-title\">Kategorie<\/span>\n                                                <a href=\"#\" class=\"remove-current-tag\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M7 7L17 17\" stroke=\"black\"><\/path>\n                                                        <path d=\"M17 7L7 17\" stroke=\"black\"><\/path>\n                                                    <\/svg><\/a>\n                                                <svg width=\"24\" height=\"24\" class=\"tag-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M7 10L12 15L17 10\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <\/svg>\n                                            <\/div>\n                                            <ul class=\"tag-cloud__list\">\n                                                <li class=\"current-tag\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"all\" data-text=\"Alle\">Alle<\/a>\n                                                <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"display\" data-text=\"Display\">Display<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"mixed-fonts\" data-text=\"Gemischte Schriftarten\">Gemischte Schriftarten<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"high-contrast-sans\" data-text=\"Kontrastreiche Sans\">Kontrastreiche Sans<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"monospaced\" data-text=\"Monospaced\">Monospaced<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"sans-serif\" data-text=\"Sans Serif\">Sans Serif<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"script\" data-text=\"Script\">Script<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"serif\" data-text=\"Serif\">Serif<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"slab-serif\" data-text=\"Slab Serif\">Slab Serif<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"variable\" data-text=\"Variabel\">Variabel<\/a>\n                                                    <\/li>\n                                                                                            <\/ul>\n                                        <\/div>\n                                                                                                                <div class=\"tag-cloud tag-cloud__tester product_tag-cloud\">\n                                            <div class=\"tag-cloud__title \">\n                                                <span class=\"ft-tag-title-current\">Tags:<small> <\/small><\/span>\n                                                <span class=\"ft-tag-title\">Tags<\/span>\n                                                <a href=\"#\" class=\"remove-current-tag\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M7 7L17 17\" stroke=\"black\"><\/path>\n                                                        <path d=\"M17 7L7 17\" stroke=\"black\"><\/path>\n                                                    <\/svg><\/a>\n                                                <svg width=\"24\" height=\"24\" class=\"tag-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M7 10L12 15L17 10\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <\/svg>\n                                            <\/div>\n                                            <ul class=\"tag-cloud__list\">\n                                                <li class=\"current-tag\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"all\" data-text=\"Alle\">Alle<\/a>\n                                                <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"adobe-illustrator\" data-text=\"Adobe Illustrator\">Adobe Illustrator<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"adobe-photoshop\" data-text=\"Adobe Photoshop\">Adobe Photoshop<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"updated\" data-text=\"Aktualisiert\">Aktualisiert<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"graceful\" data-text=\"Anmutig\">Anmutig<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sophisticated\" data-text=\"Anspruchsvoll\">Anspruchsvoll<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"antiqua\" data-text=\"Antiqua\">Antiqua<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ads\" data-text=\"Anzeigen\">Anzeigen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"workhorse\" data-text=\"Arbeitspferd\">Arbeitspferd<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"architectural\" data-text=\"Architektonische\">Architektonische<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"aesthetic\" data-text=\"\u00c4sthetik\">\u00c4sthetik<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"popular\" data-text=\"Beliebt\">Beliebt<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"bestseller\" data-text=\"Bestseller\">Bestseller<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"organic\" data-text=\"Bio\">Bio<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"capcut\" data-text=\"Capcut\">Capcut<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cid\" data-text=\"CID\">CID<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"computer\" data-text=\"Computer\">Computer<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cool\" data-text=\"Coole\">Coole<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"decorative\" data-text=\"Dekorativ\">Dekorativ<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"dark\" data-text=\"Dunkelheit\">Dunkelheit<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"thin\" data-text=\"D\u00fcnn\">D\u00fcnn<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"dynamic\" data-text=\"Dynamisch\">Dynamisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"edgy\" data-text=\"Edgy\">Edgy<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"elegant\" data-text=\"Elegant\">Elegant<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"extended\" data-text=\"Erweiterte\">Erweiterte<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"exclusive\" data-text=\"Exklusiv\">Exklusiv<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"experimental\" data-text=\"Experimentelle\">Experimentelle<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fat\" data-text=\"Fett\">Fett<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"figma\" data-text=\"Figma\">Figma<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"formal\" data-text=\"Formal\">Formal<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"futuristic\" data-text=\"Futuristic\">Futuristic<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"geometric\" data-text=\"Geometrisch\">Geometrisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"business\" data-text=\"Gesch\u00e4fts\">Gesch\u00e4fts<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"outline\" data-text=\"Gliederung\">Gliederung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"engraved\" data-text=\"Gravierte\">Gravierte<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"tall\" data-text=\"Gro\u00df\">Gro\u00df<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"grotesque\" data-text=\"Grotesk\">Grotesk<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"pretty\" data-text=\"H\u00fcbsch\">H\u00fcbsch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"humanistic\" data-text=\"Humanistisch\">Humanistisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"industrial\" data-text=\"Industrial\">Industrial<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"informal\" data-text=\"Informell\">Informell<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"calligraphy\" data-text=\"Kalligraphie\">Kalligraphie<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"kid\" data-text=\"Kind\">Kind<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"classic\" data-text=\"Klassisch\">Klassisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cooking\" data-text=\"Kochen\">Kochen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"compact\" data-text=\"Kompakte\">Kompakte<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"condensed\" data-text=\"Komprimierte\">Komprimierte<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"contrast\" data-text=\"Kontrast\">Kontrast<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"creative\" data-text=\"Kreative\">Kreative<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"artistic\" data-text=\"K\u00fcnstlerisch\">K\u00fcnstlerisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cursive\" data-text=\"Kursive\">Kursive<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cyrillic\" data-text=\"Kyrillisch\">Kyrillisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"casual\" data-text=\"L\u00e4ssig\">L\u00e4ssig<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"latin\" data-text=\"Lateinisch\">Lateinisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"lively\" data-text=\"Lebendig\">Lebendig<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"resume\" data-text=\"Lebenslauf\">Lebenslauf<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"powerful\" data-text=\"Leistungsstarke\">Leistungsstarke<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"legible\" data-text=\"Lesbar\">Lesbar<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"light\" data-text=\"Licht\">Licht<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ligatures\" data-text=\"Ligaturen\">Ligaturen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"luxury\" data-text=\"Luxus\">Luxus<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"masculine\" data-text=\"M\u00e4nnlich\">M\u00e4nnlich<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"marketing\" data-text=\"Marketing\">Marketing<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"mechanical\" data-text=\"Mechanisch\">Mechanisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"medical\" data-text=\"Medizinische\">Medizinische<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"multilingual\" data-text=\"Mehrsprachige\">Mehrsprachige<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"minimal\" data-text=\"Minimalistische\">Minimalistische<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"minimalistic\" data-text=\"Minimalistische\">Minimalistische<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fashion\" data-text=\"Mode\">Mode<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"modern\" data-text=\"Modern\">Modern<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"music\" data-text=\"Musik\">Musik<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"new\" data-text=\"Neu\">Neu<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cute\" data-text=\"Niedlich\">Niedlich<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ecological\" data-text=\"\u00d6kologisch\">\u00d6kologisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"opentype\" data-text=\"OpenType\">OpenType<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"original\" data-text=\"Original\">Original<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"postage\" data-text=\"Post\">Post<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"premium\" data-text=\"Premium\">Premium<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"print\" data-text=\"Print\">Print<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"professional\" data-text=\"Professionelle\">Professionelle<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"proxima-nova\" data-text=\"Proxima Nova\">Proxima Nova<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"government\" data-text=\"Regierung\">Regierung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"retro\" data-text=\"Retro\">Retro<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sturdy\" data-text=\"Robuste\">Robuste<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"clean\" data-text=\"Sauber\">Sauber<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"stencil\" data-text=\"Schablonen\">Schablonen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sharp-edged\" data-text=\"Scharfe\">Scharfe<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"narrow\" data-text=\"Schmale\">Schmale<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"beautiful\" data-text=\"Sch\u00f6n\">Sch\u00f6n<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"typewriter\" data-text=\"Schreibmaschine\">Schreibmaschine<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"smart\" data-text=\"Smart\">Smart<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fun\" data-text=\"Spa\u00df\">Spa\u00df<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sporty\" data-text=\"Sporty\">Sporty<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"stylish\" data-text=\"Stilvoll\">Stilvoll<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"technical\" data-text=\"Technisch\">Technisch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"technological\" data-text=\"Technologische\">Technologische<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"truetype\" data-text=\"TrueType\">TrueType<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ttf\" data-text=\"TTF\">TTF<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"reverse-italic\" data-text=\"Umgekehrte kursive\">Umgekehrte kursive<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"distinctive\" data-text=\"Unverwechselbar\">Unverwechselbar<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"utilitarian\" data-text=\"Utilitarismus\">Utilitarismus<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"playful\" data-text=\"Verspielt\">Verspielt<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"versatile\" data-text=\"Vielseitig\">Vielseitig<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"vintage\" data-text=\"Weinlese\">Weinlese<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"wild\" data-text=\"Wild\">Wild<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"tiny\" data-text=\"Winzig klein\">Winzig klein<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"economic\" data-text=\"Wirtschaft\">Wirtschaft<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"woff\" data-text=\"WOFF\">WOFF<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"delicate\" data-text=\"Zartes\">Zartes<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"contemporary\" data-text=\"Zeitgem\u00e4\u00df\">Zeitgem\u00e4\u00df<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"confident\" data-text=\"Zuversichtlich\">Zuversichtlich<\/a>\n                                                    <\/li>\n                                                                                                                                                    <li class=\"tag-show-all\">\n                                                        <a href=\"#\" class=\"btn btn-show-all-lang\">Alles anzeigen<\/a>\n                                                    <\/li>\n                                                                                            <\/ul>\n                                        <\/div>\n                                                                                                                <div class=\"tag-cloud tag-cloud__tester purpose-cloud\">\n                                            <div class=\"tag-cloud__title \">\n                                                <span class=\"ft-tag-title-current\">Zweck:<small> <\/small><\/span>\n                                                <span class=\"ft-tag-title\">Zweck<\/span>\n                                                <a href=\"#\" class=\"remove-current-tag\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M7 7L17 17\" stroke=\"black\"><\/path>\n                                                        <path d=\"M17 7L7 17\" stroke=\"black\"><\/path>\n                                                    <\/svg><\/a>\n                                                <svg width=\"24\" height=\"24\" class=\"tag-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <path d=\"M7 10L12 15L17 10\" stroke=\"black\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <\/svg>\n                                            <\/div>\n                                            <ul class=\"tag-cloud__list\">\n                                                <li class=\"current-tag\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"all\" data-text=\"Alle\">Alle<\/a>\n                                                <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"app\" data-text=\"App\">App<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"banners\" data-text=\"Banner\">Banner<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"user-interface\" data-text=\"Benutzeroberfl\u00e4che\">Benutzeroberfl\u00e4che<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"branding\" data-text=\"Branding\">Branding<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"board-games\" data-text=\"Brettspiele\">Brettspiele<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"book\" data-text=\"Buch\">Buch<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"college\" data-text=\"College\">College<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"digital\" data-text=\"Digital\">Digital<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"ecommerce\" data-text=\"E-Commerce\">E-Commerce<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"ebook\" data-text=\"Ebook\">Ebook<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"invitations\" data-text=\"Einladungen\">Einladungen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"retail\" data-text=\"Einzelhandel\">Einzelhandel<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie\" data-text=\"Film\">Film<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie-poster\" data-text=\"Filmplakat\">Filmplakat<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie-theater\" data-text=\"Filmtheater\">Filmtheater<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"fitness\" data-text=\"Fitness\">Fitness<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"body-text\" data-text=\"Flie\u00dftext\">Flie\u00dftext<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"flyer\" data-text=\"Flyer\">Flyer<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"for-postcards\" data-text=\"F\u00fcr Postkarten\">F\u00fcr Postkarten<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"for-quotes\" data-text=\"F\u00fcr Zitate\">F\u00fcr Zitate<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"gaming\" data-text=\"Gaming\">Gaming<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"building\" data-text=\"Geb\u00e4ude\">Geb\u00e4ude<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"drink\" data-text=\"Getr\u00e4nke\">Getr\u00e4nke<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"identities\" data-text=\"Identit\u00e4ten\">Identit\u00e4ten<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"infographics\" data-text=\"Infografiken\">Infografiken<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"initials\" data-text=\"Initialen\">Initialen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"interior-design\" data-text=\"Innenarchitektur\">Innenarchitektur<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"instagram\" data-text=\"Instagram\">Instagram<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"cosmetics\" data-text=\"Kosmetik\">Kosmetik<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"label\" data-text=\"Label\">Label<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"landing-page\" data-text=\"Landingpage\">Landingpage<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"food\" data-text=\"Lebensmittel\">Lebensmittel<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"logo\" data-text=\"Logo\">Logo<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"menu\" data-text=\"Men\u00fc\">Men\u00fc<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"museum\" data-text=\"Museum\">Museum<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"music-video\" data-text=\"Musikvideo\">Musikvideo<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"newsletter\" data-text=\"Newsletter\">Newsletter<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"poster\" data-text=\"Poster\">Poster<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"editorial\" data-text=\"Redaktion\">Redaktion<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"saas\" data-text=\"SaaS\">SaaS<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"social-media\" data-text=\"Social-Media\">Social-Media<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"startup\" data-text=\"Startup\">Startup<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"tatoo\" data-text=\"Tattoo\">Tattoo<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"text\" data-text=\"Text\">Text<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"tv\" data-text=\"TV\">TV<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"headline\" data-text=\"\u00dcberschrift\">\u00dcberschrift<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"university\" data-text=\"Universit\u00e4t\">Universit\u00e4t<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"corporate\" data-text=\"Unternehmen\">Unternehmen<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"ux-ui\" data-text=\"UX\/UI\">UX\/UI<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"event\" data-text=\"Veranstaltung\">Veranstaltung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"publishing\" data-text=\"Ver\u00f6ffentlichung\">Ver\u00f6ffentlichung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"packaging\" data-text=\"Verpackung\">Verpackung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"video\" data-text=\"Video\">Video<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"web\" data-text=\"Web\">Web<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"websites\" data-text=\"Webseiten\">Webseiten<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"wayfinding\" data-text=\"Wegweiser\">Wegweiser<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"advertising\" data-text=\"Werbung\">Werbung<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"dictionaries\" data-text=\"W\u00f6rterb\u00fccher\">W\u00f6rterb\u00fccher<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"youtube\" data-text=\"YouTube\">YouTube<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"magazine\" data-text=\"Zeitschrift\">Zeitschrift<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"newspaper\" data-text=\"Zeitungsartikel\">Zeitungsartikel<\/a>\n                                                    <\/li>\n                                                                                                    <li class=\"\">\n                                                        <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"certificates\" data-text=\"Zertifikate\">Zertifikate<\/a>\n                                                    <\/li>\n                                                                                            <\/ul>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <div class=\"font-pairs__list\">\n            <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttnooksscriptbold&#039;, sans-serif\" data-tester-sel=\"ttnooksscriptbold_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.otf?v=1787678606) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.ttf?v=1787678606) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff?v=1787678606) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff2?v=1787678606) format(&quot;woff2&quot;);}.ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttnooksscriptbold_text,.font__item-preview-tester.ttnooksscriptbold_text,.font-details__glyphs-abc.ttnooksscriptbold_text,.font-details__glyphs-abc .ttnooksscriptbold_text,.font-details__glyphs-item .ttnooksscriptbold_text,.font-details__features-item .ttnooksscriptbold_text,.font-details__block-slide .ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttnooksscriptbold_text.font-loaded,.font__item-preview-tester.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc .ttnooksscriptbold_text.font-loaded,.font-details__glyphs-item .ttnooksscriptbold_text.font-loaded,.font-details__features-item .ttnooksscriptbold_text.font-loaded,.font-details__block-slide .ttnooksscriptbold_text.font-loaded{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttfirstextregular&#039;, sans-serif\" data-tester-sel=\"ttfirstextregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Firs-Text-Regular.otf?v=1777076921) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Firs-Text-Regular.ttf?v=1777076921) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Firs_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Firs_Text_Regular.woff?v=1777076921) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Firs_Text_Regular.woff2?v=1777076921) format(&quot;woff2&quot;);}.ttfirstextregular_text{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttfirstextregular_text,.font__item-preview-tester.ttfirstextregular_text,.font-details__glyphs-abc.ttfirstextregular_text,.font-details__glyphs-abc .ttfirstextregular_text,.font-details__glyphs-item .ttfirstextregular_text,.font-details__features-item .ttfirstextregular_text,.font-details__block-slide .ttfirstextregular_text{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttfirstextregular_text.font-loaded,.font__item-preview-tester.ttfirstextregular_text.font-loaded,.font-details__glyphs-abc.ttfirstextregular_text.font-loaded,.font-details__glyphs-abc .ttfirstextregular_text.font-loaded,.font-details__glyphs-item .ttfirstextregular_text.font-loaded,.font-details__features-item .ttfirstextregular_text.font-loaded,.font-details__block-slide .ttfirstextregular_text.font-loaded{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-nooks-script\/\"> TT Nooks Script<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-firs-text\/\"> TT Firs Text<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"37\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttnooksscriptbold_text\" style=\"font-size:37px\">\n                <p contenteditable=\"true\">What is a font pair, and what does it serve for?<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttfirstextregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">A font pair is a combination of two fonts within one text block. Most often, one of the fonts in a pair is a more expressive headline font, and the other one serves to communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to the project, or separating semantic blocks.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"23\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttnooksscriptbold&#039;, sans-serif\" data-tester-sel=\"ttnooksscriptbold_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.otf?v=1787678606) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.ttf?v=1787678606) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff?v=1787678606) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff2?v=1787678606) format(&quot;woff2&quot;);}.ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttnooksscriptbold_text,.font__item-preview-tester.ttnooksscriptbold_text,.font-details__glyphs-abc.ttnooksscriptbold_text,.font-details__glyphs-abc .ttnooksscriptbold_text,.font-details__glyphs-item .ttnooksscriptbold_text,.font-details__features-item .ttnooksscriptbold_text,.font-details__block-slide .ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttnooksscriptbold_text.font-loaded,.font__item-preview-tester.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc .ttnooksscriptbold_text.font-loaded,.font-details__glyphs-item .ttnooksscriptbold_text.font-loaded,.font-details__features-item .ttnooksscriptbold_text.font-loaded,.font-details__block-slide .ttnooksscriptbold_text.font-loaded{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttnooksserifregular&#039;, sans-serif\" data-tester-sel=\"ttnooksserifregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttnooksserifregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Serif_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Serif_Regular.otf?v=1787678337) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Serif_Regular.ttf?v=1787678337) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Serif_Regular.woff?v=1787678337) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Serif_Regular.woff2?v=1787678337) format(&quot;woff2&quot;);}.ttnooksserifregular_text{font-family:&quot;&#039;ttnooksserifregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttnooksserifregular_text,.font__item-preview-tester.ttnooksserifregular_text,.font-details__glyphs-abc.ttnooksserifregular_text,.font-details__glyphs-abc .ttnooksserifregular_text,.font-details__glyphs-item .ttnooksserifregular_text,.font-details__features-item .ttnooksserifregular_text,.font-details__block-slide .ttnooksserifregular_text{font-family:&quot;&#039;ttnooksserifregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttnooksserifregular_text.font-loaded,.font__item-preview-tester.ttnooksserifregular_text.font-loaded,.font-details__glyphs-abc.ttnooksserifregular_text.font-loaded,.font-details__glyphs-abc .ttnooksserifregular_text.font-loaded,.font-details__glyphs-item .ttnooksserifregular_text.font-loaded,.font-details__features-item .ttnooksserifregular_text.font-loaded,.font-details__block-slide .ttnooksserifregular_text.font-loaded{font-family:&quot;&#039;ttnooksserifregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-nooks-script\/\"> TT Nooks Script<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-nooks\/\"> TT Nooks Serif<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"31\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttnooksscriptbold_text\" style=\"font-size:31px\">\n                <p contenteditable=\"true\">How to choose fonts for a project: Several general recommendations<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttnooksserifregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To begin with, establish the project&#8217;s tone. Choose the fonts that stylistically match the main idea. After that, you need to determine the functions of each font in the project and their hierarchy: which font will complement the design and which one will serve to attract attention as the main element. You need to assess the difference between the fonts and decide what kind of information each of them should convey. First, we recommend choosing the base font you will use most, and then you can find a suitable pair for it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"20\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttnooksscriptbold&#039;, sans-serif\" data-tester-sel=\"ttnooksscriptbold_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.otf?v=1787678606) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.ttf?v=1787678606) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff?v=1787678606) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Nooks_Script_Bold.woff2?v=1787678606) format(&quot;woff2&quot;);}.ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttnooksscriptbold_text,.font__item-preview-tester.ttnooksscriptbold_text,.font-details__glyphs-abc.ttnooksscriptbold_text,.font-details__glyphs-abc .ttnooksscriptbold_text,.font-details__glyphs-item .ttnooksscriptbold_text,.font-details__features-item .ttnooksscriptbold_text,.font-details__block-slide .ttnooksscriptbold_text{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttnooksscriptbold_text.font-loaded,.font__item-preview-tester.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc.ttnooksscriptbold_text.font-loaded,.font-details__glyphs-abc .ttnooksscriptbold_text.font-loaded,.font-details__glyphs-item .ttnooksscriptbold_text.font-loaded,.font-details__features-item .ttnooksscriptbold_text.font-loaded,.font-details__block-slide .ttnooksscriptbold_text.font-loaded{font-family:&quot;&#039;ttnooksscriptbold&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;tthazelnutsregular&#039;, sans-serif\" data-tester-sel=\"tthazelnutsregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;tthazelnutsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hazelnuts_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Hazelnuts-Regular.otf?v=1775866742) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Hazelnuts-Regular.ttf?v=1775866742) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hazelnuts_Regular.woff?v=1775866742) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hazelnuts_Regular.woff2?v=1775866742) format(&quot;woff2&quot;);}.tthazelnutsregular_text{font-family:&quot;&#039;tthazelnutsregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.tthazelnutsregular_text,.font__item-preview-tester.tthazelnutsregular_text,.font-details__glyphs-abc.tthazelnutsregular_text,.font-details__glyphs-abc .tthazelnutsregular_text,.font-details__glyphs-item .tthazelnutsregular_text,.font-details__features-item .tthazelnutsregular_text,.font-details__block-slide .tthazelnutsregular_text{font-family:&quot;&#039;tthazelnutsregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.tthazelnutsregular_text.font-loaded,.font__item-preview-tester.tthazelnutsregular_text.font-loaded,.font-details__glyphs-abc.tthazelnutsregular_text.font-loaded,.font-details__glyphs-abc .tthazelnutsregular_text.font-loaded,.font-details__glyphs-item .tthazelnutsregular_text.font-loaded,.font-details__features-item .tthazelnutsregular_text.font-loaded,.font-details__block-slide .tthazelnutsregular_text.font-loaded{font-family:&quot;&#039;tthazelnutsregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-nooks-script\/\"> TT Nooks Script<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-hazelnuts\/\"> TT Hazelnuts<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"28\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttnooksscriptbold_text\" style=\"font-size:28px\">\n                <p contenteditable=\"true\">Core principles of font pairing and recommendations from designers<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type tthazelnutsregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is that both similarities and differences must be visible between them. You can highlight the coherence of fonts by the following characteristics: contrast, proportions, width, openness of characters, individual letter shapes, and overall tone. Feel free to experiment with different combinations. We also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in dealing with typography. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"20\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttqurdismaregular&#039;, sans-serif\" data-tester-sel=\"ttqurdismaregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.otf?v=1785542477) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.ttf?v=1785542477) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff?v=1785542477) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff2?v=1785542477) format(&quot;woff2&quot;);}.ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttqurdismaregular_text,.font__item-preview-tester.ttqurdismaregular_text,.font-details__glyphs-abc.ttqurdismaregular_text,.font-details__glyphs-abc .ttqurdismaregular_text,.font-details__glyphs-item .ttqurdismaregular_text,.font-details__features-item .ttqurdismaregular_text,.font-details__block-slide .ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttqurdismaregular_text.font-loaded,.font__item-preview-tester.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc .ttqurdismaregular_text.font-loaded,.font-details__glyphs-item .ttqurdismaregular_text.font-loaded,.font-details__features-item .ttqurdismaregular_text.font-loaded,.font-details__block-slide .ttqurdismaregular_text.font-loaded{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttneorisproregular&#039;, sans-serif\" data-tester-sel=\"ttneorisproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.otf?v=1785427017) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.ttf?v=1785427017) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff?v=1785427017) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff2?v=1785427017) format(&quot;woff2&quot;);}.ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttneorisproregular_text,.font__item-preview-tester.ttneorisproregular_text,.font-details__glyphs-abc.ttneorisproregular_text,.font-details__glyphs-abc .ttneorisproregular_text,.font-details__glyphs-item .ttneorisproregular_text,.font-details__features-item .ttneorisproregular_text,.font-details__block-slide .ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttneorisproregular_text.font-loaded,.font__item-preview-tester.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc .ttneorisproregular_text.font-loaded,.font-details__glyphs-item .ttneorisproregular_text.font-loaded,.font-details__features-item .ttneorisproregular_text.font-loaded,.font-details__block-slide .ttneorisproregular_text.font-loaded{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-qurdisma\/\"> TT Qurdisma<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-neoris-pro\/\"> TT Neoris Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"55\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttqurdismaregular_text\" style=\"font-size:55px\">\n                <p contenteditable=\"true\">What is a font pair, and what does it serve for?<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttneorisproregular_text\" style=\"font-size:25px\">\n                <p contenteditable=\"true\">A font pair is a combination of two fonts within one text block. Most often, one of the fonts in a pair is a more expressive headline font, and the other one serves to communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to the project, or separating semantic blocks.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"25\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttqurdismaregular&#039;, sans-serif\" data-tester-sel=\"ttqurdismaregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.otf?v=1785542477) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.ttf?v=1785542477) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff?v=1785542477) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff2?v=1785542477) format(&quot;woff2&quot;);}.ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttqurdismaregular_text,.font__item-preview-tester.ttqurdismaregular_text,.font-details__glyphs-abc.ttqurdismaregular_text,.font-details__glyphs-abc .ttqurdismaregular_text,.font-details__glyphs-item .ttqurdismaregular_text,.font-details__features-item .ttqurdismaregular_text,.font-details__block-slide .ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttqurdismaregular_text.font-loaded,.font__item-preview-tester.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc .ttqurdismaregular_text.font-loaded,.font-details__glyphs-item .ttqurdismaregular_text.font-loaded,.font-details__features-item .ttqurdismaregular_text.font-loaded,.font-details__block-slide .ttqurdismaregular_text.font-loaded{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttnormsproregular&#039;, sans-serif\" data-tester-sel=\"ttnormsproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Norms_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Norms_Pro_Regular.otf?v=1779494403) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Norms_Pro_Regular.ttf?v=1779494403) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Norms_Pro_Regular.woff?v=1779494403) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Norms_Pro_Regular.woff2?v=1779494403) format(&quot;woff2&quot;);}.ttnormsproregular_text{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttnormsproregular_text,.font__item-preview-tester.ttnormsproregular_text,.font-details__glyphs-abc.ttnormsproregular_text,.font-details__glyphs-abc .ttnormsproregular_text,.font-details__glyphs-item .ttnormsproregular_text,.font-details__features-item .ttnormsproregular_text,.font-details__block-slide .ttnormsproregular_text{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttnormsproregular_text.font-loaded,.font__item-preview-tester.ttnormsproregular_text.font-loaded,.font-details__glyphs-abc.ttnormsproregular_text.font-loaded,.font-details__glyphs-abc .ttnormsproregular_text.font-loaded,.font-details__glyphs-item .ttnormsproregular_text.font-loaded,.font-details__features-item .ttnormsproregular_text.font-loaded,.font-details__block-slide .ttnormsproregular_text.font-loaded{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-qurdisma\/\"> TT Qurdisma<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\"> TT Norms\u00ae Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"41\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttqurdismaregular_text\" style=\"font-size:41px\">\n                <p contenteditable=\"true\">How to choose fonts for a project: Several general recommendations<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttnormsproregular_text\" style=\"font-size:22px\">\n                <p contenteditable=\"true\">To begin with, establish the project&#8217;s tone. Choose the fonts that stylistically match the main idea. After that, you need to determine the functions of each font in the project and their hierarchy: which font will complement the design and which one will serve to attract attention as the main element. You need to assess the difference between the fonts and decide what kind of information each of them should convey. First, we recommend choosing the base font you will use most, and then you can find a suitable pair for it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"22\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttqurdismaregular&#039;, sans-serif\" data-tester-sel=\"ttqurdismaregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.otf?v=1785542477) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.ttf?v=1785542477) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff?v=1785542477) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Qurdisma_Regular.woff2?v=1785542477) format(&quot;woff2&quot;);}.ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttqurdismaregular_text,.font__item-preview-tester.ttqurdismaregular_text,.font-details__glyphs-abc.ttqurdismaregular_text,.font-details__glyphs-abc .ttqurdismaregular_text,.font-details__glyphs-item .ttqurdismaregular_text,.font-details__features-item .ttqurdismaregular_text,.font-details__block-slide .ttqurdismaregular_text{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttqurdismaregular_text.font-loaded,.font__item-preview-tester.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc.ttqurdismaregular_text.font-loaded,.font-details__glyphs-abc .ttqurdismaregular_text.font-loaded,.font-details__glyphs-item .ttqurdismaregular_text.font-loaded,.font-details__features-item .ttqurdismaregular_text.font-loaded,.font-details__block-slide .ttqurdismaregular_text.font-loaded{font-family:&quot;&#039;ttqurdismaregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttlivrettextregular&#039;, sans-serif\" data-tester-sel=\"ttlivrettextregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Livret-Text-Regular.ttf?v=1778889614) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.woff?v=1778889614) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.woff2?v=1778889614) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Livret-Text-Regular.otf?v=1778889614) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;);}.ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttlivrettextregular_text,.font__item-preview-tester.ttlivrettextregular_text,.font-details__glyphs-abc.ttlivrettextregular_text,.font-details__glyphs-abc .ttlivrettextregular_text,.font-details__glyphs-item .ttlivrettextregular_text,.font-details__features-item .ttlivrettextregular_text,.font-details__block-slide .ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttlivrettextregular_text.font-loaded,.font__item-preview-tester.ttlivrettextregular_text.font-loaded,.font-details__glyphs-abc.ttlivrettextregular_text.font-loaded,.font-details__glyphs-abc .ttlivrettextregular_text.font-loaded,.font-details__glyphs-item .ttlivrettextregular_text.font-loaded,.font-details__features-item .ttlivrettextregular_text.font-loaded,.font-details__block-slide .ttlivrettextregular_text.font-loaded{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-qurdisma\/\"> TT Qurdisma<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-livret\/\"> TT Livret<\/a><span>  Text Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"45\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttqurdismaregular_text\" style=\"font-size:45px\">\n                <p contenteditable=\"true\">Core principles of font pairing and recommendations from designers<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttlivrettextregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is that both similarities and differences must be visible between them. You can highlight the coherence of fonts by the following characteristics: contrast, proportions, width, openness of characters, individual letter shapes, and overall tone. Feel free to experiment with different combinations. We also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in dealing with typography. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"20\"><\/span>\n        <\/div>\n    <\/div>\n<\/div><div class=\"full-width-banner-wrapper font-pairs-banner\"><section class=\"banner-system__info light\" id=\"banner_system_info\" data-event-type=\"info\" data-event-name=\"system_banner_ttchocolates0826\" data-theme=\"light\" data-nosnippet style=\"background-color: #f8c7dd;\">\n    <div data-url=\"https:\/\/typetype.org\/de\/fonts\/tt-chocolates\/\" class=\"banner-system__info-link\">\n        <div class=\"banner-system__info-item\">\n            <div class=\"banner-system__info-content\">\n                <div class=\"banner-system-title\">\n                    TT Chocolates                <\/div>\n                                    <p class=\"banner-system__info-text\">\n                        Neue Unterfamilien f&uuml;r die s&uuml;&szlig;e Grotesk                    <\/p>\n                                                    <div class=\"banner-system__info-btns\">\n                                                    <button type=\"button\" class=\"btn btn--large js-link first-button-view\" onclick=\"setTimeout(function() { window.location.href = 'https:\/\/typetype.org\/de\/fonts\/tt-chocolates\/'; }, 100); return false;\">\n                                Schrift kaufen                            <\/button>\n                                                                            <button type=\"button\" class=\"btn js-link btn--large-grey  js-banner-sistem-trial-target\"\n                                data-fonts_name=\"TT Chocolates\"\n                                >\n                                Trial erhalten                            <\/button>\n                                            <\/div>\n                            <\/div>\n                            <div class=\"banner-system__info-imgs\">\n                    <img decoding=\"async\" width=\"972\" height=\"1002\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_chocolates_desktop_seti_en.png\" class=\" desk\" alt=\"TT Chocolates\" \/>                <\/div>\n                                        <div class=\"banner-system__info-btns mob\">\n                                            <button type=\"button\" class=\"btn js-link btn--large\" onclick=\"setTimeout(function() { window.location.href = 'https:\/\/typetype.org\/de\/fonts\/tt-chocolates\/'; }, 100); return false;\">\n                            Schrift kaufen                        <\/button>\n                                                                <button type=\"button\" class=\"btn js-link btn--large-grey  js-banner-sistem-trial-target\"\n                            data-fonts_name=\"TT Chocolates\"\n                            >\n                            Trial erhalten                        <\/button>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/section><\/div><div class=\"font-pairs__list\">    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttdottsolid&#039;, sans-serif\" data-tester-sel=\"ttdottsolid_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.otf?v=1787148390) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.ttf?v=1787148390) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff?v=1787148390) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff2?v=1787148390) format(&quot;woff2&quot;);}.ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttdottsolid_text,.font__item-preview-tester.ttdottsolid_text,.font-details__glyphs-abc.ttdottsolid_text,.font-details__glyphs-abc .ttdottsolid_text,.font-details__glyphs-item .ttdottsolid_text,.font-details__features-item .ttdottsolid_text,.font-details__block-slide .ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttdottsolid_text.font-loaded,.font__item-preview-tester.ttdottsolid_text.font-loaded,.font-details__glyphs-abc.ttdottsolid_text.font-loaded,.font-details__glyphs-abc .ttdottsolid_text.font-loaded,.font-details__glyphs-item .ttdottsolid_text.font-loaded,.font-details__features-item .ttdottsolid_text.font-loaded,.font-details__block-slide .ttdottsolid_text.font-loaded{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttneorisproregular&#039;, sans-serif\" data-tester-sel=\"ttneorisproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.otf?v=1785427017) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.ttf?v=1785427017) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff?v=1785427017) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff2?v=1785427017) format(&quot;woff2&quot;);}.ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttneorisproregular_text,.font__item-preview-tester.ttneorisproregular_text,.font-details__glyphs-abc.ttneorisproregular_text,.font-details__glyphs-abc .ttneorisproregular_text,.font-details__glyphs-item .ttneorisproregular_text,.font-details__features-item .ttneorisproregular_text,.font-details__block-slide .ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttneorisproregular_text.font-loaded,.font__item-preview-tester.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc .ttneorisproregular_text.font-loaded,.font-details__glyphs-item .ttneorisproregular_text.font-loaded,.font-details__features-item .ttneorisproregular_text.font-loaded,.font-details__block-slide .ttneorisproregular_text.font-loaded{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-dott\/\"> TT Dott<\/a><span> Solid<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-neoris-pro\/\"> TT Neoris Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"35\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdottsolid_text\" style=\"font-size:35px\">\n                <p contenteditable=\"true\">What is a font pair, and what does it serve for?<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttneorisproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">A font pair is a combination of two fonts within one text block. Most often, one of the fonts in a pair is a more expressive headline font, and the other one serves to communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to the project, or separating semantic blocks.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"20\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttdottsolid&#039;, sans-serif\" data-tester-sel=\"ttdottsolid_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.otf?v=1787148390) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.ttf?v=1787148390) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff?v=1787148390) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff2?v=1787148390) format(&quot;woff2&quot;);}.ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttdottsolid_text,.font__item-preview-tester.ttdottsolid_text,.font-details__glyphs-abc.ttdottsolid_text,.font-details__glyphs-abc .ttdottsolid_text,.font-details__glyphs-item .ttdottsolid_text,.font-details__features-item .ttdottsolid_text,.font-details__block-slide .ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttdottsolid_text.font-loaded,.font__item-preview-tester.ttdottsolid_text.font-loaded,.font-details__glyphs-abc.ttdottsolid_text.font-loaded,.font-details__glyphs-abc .ttdottsolid_text.font-loaded,.font-details__glyphs-item .ttdottsolid_text.font-loaded,.font-details__features-item .ttdottsolid_text.font-loaded,.font-details__block-slide .ttdottsolid_text.font-loaded{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;tthovesproregular&#039;, sans-serif\" data-tester-sel=\"tthovesproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;tthovesproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hoves_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hoves_Pro_Regular.otf?v=1782345172) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hoves_Pro_Regular.ttf?v=1782345172) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hoves_Pro_Regular.woff?v=1782345172) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Hoves_Pro_Regular.woff2?v=1782345172) format(&quot;woff2&quot;);}.tthovesproregular_text{font-family:&quot;&#039;tthovesproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.tthovesproregular_text,.font__item-preview-tester.tthovesproregular_text,.font-details__glyphs-abc.tthovesproregular_text,.font-details__glyphs-abc .tthovesproregular_text,.font-details__glyphs-item .tthovesproregular_text,.font-details__features-item .tthovesproregular_text,.font-details__block-slide .tthovesproregular_text{font-family:&quot;&#039;tthovesproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.tthovesproregular_text.font-loaded,.font__item-preview-tester.tthovesproregular_text.font-loaded,.font-details__glyphs-abc.tthovesproregular_text.font-loaded,.font-details__glyphs-abc .tthovesproregular_text.font-loaded,.font-details__glyphs-item .tthovesproregular_text.font-loaded,.font-details__features-item .tthovesproregular_text.font-loaded,.font-details__block-slide .tthovesproregular_text.font-loaded{font-family:&quot;&#039;tthovesproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-dott\/\"> TT Dott<\/a><span> Solid<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-hoves-pro\/\"> TT Hoves Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"25\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdottsolid_text\" style=\"font-size:25px\">\n                <p contenteditable=\"true\">How to choose fonts for a project: Several general recommendations<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type tthovesproregular_text\" style=\"font-size:19px\">\n                <p contenteditable=\"true\">To begin with, establish the project&#8217;s tone. Choose the fonts that stylistically match the main idea. After that, you need to determine the functions of each font in the project and their hierarchy: which font will complement the design and which one will serve to attract attention as the main element. You need to assess the difference between the fonts and decide what kind of information each of them should convey. First, we recommend choosing the base font you will use most, and then you can find a suitable pair for it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"19\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttdottsolid&#039;, sans-serif\" data-tester-sel=\"ttdottsolid_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.otf?v=1787148390) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.ttf?v=1787148390) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff?v=1787148390) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Dott_Solid.woff2?v=1787148390) format(&quot;woff2&quot;);}.ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttdottsolid_text,.font__item-preview-tester.ttdottsolid_text,.font-details__glyphs-abc.ttdottsolid_text,.font-details__glyphs-abc .ttdottsolid_text,.font-details__glyphs-item .ttdottsolid_text,.font-details__features-item .ttdottsolid_text,.font-details__block-slide .ttdottsolid_text{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttdottsolid_text.font-loaded,.font__item-preview-tester.ttdottsolid_text.font-loaded,.font-details__glyphs-abc.ttdottsolid_text.font-loaded,.font-details__glyphs-abc .ttdottsolid_text.font-loaded,.font-details__glyphs-item .ttdottsolid_text.font-loaded,.font-details__features-item .ttdottsolid_text.font-loaded,.font-details__block-slide .ttdottsolid_text.font-loaded{font-family:&quot;&#039;ttdottsolid&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttroundsneueregular&#039;, sans-serif\" data-tester-sel=\"ttroundsneueregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Rounds_Neue_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Rounds-Neue-Regular.ttf?v=1788409693) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Rounds_Neue_Regular.woff?v=1788409693) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Rounds_Neue_Regular.woff2?v=1788409693) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Rounds-Neue-Regular.otf?v=1788409693) format(&quot;opentype&quot;);}.ttroundsneueregular_text{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttroundsneueregular_text,.font__item-preview-tester.ttroundsneueregular_text,.font-details__glyphs-abc.ttroundsneueregular_text,.font-details__glyphs-abc .ttroundsneueregular_text,.font-details__glyphs-item .ttroundsneueregular_text,.font-details__features-item .ttroundsneueregular_text,.font-details__block-slide .ttroundsneueregular_text{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttroundsneueregular_text.font-loaded,.font__item-preview-tester.ttroundsneueregular_text.font-loaded,.font-details__glyphs-abc.ttroundsneueregular_text.font-loaded,.font-details__glyphs-abc .ttroundsneueregular_text.font-loaded,.font-details__glyphs-item .ttroundsneueregular_text.font-loaded,.font-details__features-item .ttroundsneueregular_text.font-loaded,.font-details__block-slide .ttroundsneueregular_text.font-loaded{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-dott\/\"> TT Dott<\/a><span> Solid<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-rounds-neue\/\"> TT Rounds Neue<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"23\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdottsolid_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">Core principles of font pairing and recommendations from designers<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttroundsneueregular_text\" style=\"font-size:19px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is that both similarities and differences must be visible between them. You can highlight the coherence of fonts by the following characteristics: contrast, proportions, width, openness of characters, individual letter shapes, and overall tone. Feel free to experiment with different combinations. We also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in dealing with typography. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"19\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttlakesneueregular&#039;, sans-serif\" data-tester-sel=\"ttlakesneueregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Lakes_Neue_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Lakes-Neue-Regular.ttf?v=1787148975) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Lakes_Neue_Regular.woff?v=1787148975) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Lakes_Neue_Regular.woff2?v=1787148975) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Lakes-Neue-Regular.otf?v=1787148975) format(&quot;opentype&quot;);}.ttlakesneueregular_text{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttlakesneueregular_text,.font__item-preview-tester.ttlakesneueregular_text,.font-details__glyphs-abc.ttlakesneueregular_text,.font-details__glyphs-abc .ttlakesneueregular_text,.font-details__glyphs-item .ttlakesneueregular_text,.font-details__features-item .ttlakesneueregular_text,.font-details__block-slide .ttlakesneueregular_text{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttlakesneueregular_text.font-loaded,.font__item-preview-tester.ttlakesneueregular_text.font-loaded,.font-details__glyphs-abc.ttlakesneueregular_text.font-loaded,.font-details__glyphs-abc .ttlakesneueregular_text.font-loaded,.font-details__glyphs-item .ttlakesneueregular_text.font-loaded,.font-details__features-item .ttlakesneueregular_text.font-loaded,.font-details__block-slide .ttlakesneueregular_text.font-loaded{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttneorisproregular&#039;, sans-serif\" data-tester-sel=\"ttneorisproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.otf?v=1785427017) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.ttf?v=1785427017) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff?v=1785427017) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff2?v=1785427017) format(&quot;woff2&quot;);}.ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttneorisproregular_text,.font__item-preview-tester.ttneorisproregular_text,.font-details__glyphs-abc.ttneorisproregular_text,.font-details__glyphs-abc .ttneorisproregular_text,.font-details__glyphs-item .ttneorisproregular_text,.font-details__features-item .ttneorisproregular_text,.font-details__block-slide .ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttneorisproregular_text.font-loaded,.font__item-preview-tester.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc .ttneorisproregular_text.font-loaded,.font-details__glyphs-item .ttneorisproregular_text.font-loaded,.font-details__features-item .ttneorisproregular_text.font-loaded,.font-details__block-slide .ttneorisproregular_text.font-loaded{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-lakes-neue\/\"> TT Lakes Neue<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-neoris-pro\/\"> TT Neoris Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"22\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttlakesneueregular_text\" style=\"font-size:22px\">\n                <p contenteditable=\"true\">What is a font pair, and what does it serve for?<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttneorisproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">A font pair is a combination of two fonts within one text block. Most often, one of the fonts in a pair is a more expressive headline font, and the other one serves to communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to the project, or separating semantic blocks.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"20\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttsupermolotneueregular&#039;, sans-serif\" data-tester-sel=\"ttsupermolotneueregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.otf?v=1788409692) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.ttf?v=1788409692) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.woff?v=1788409692) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.woff2?v=1788409692) format(&quot;woff2&quot;);}.ttsupermolotneueregular_text{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttsupermolotneueregular_text,.font__item-preview-tester.ttsupermolotneueregular_text,.font-details__glyphs-abc.ttsupermolotneueregular_text,.font-details__glyphs-abc .ttsupermolotneueregular_text,.font-details__glyphs-item .ttsupermolotneueregular_text,.font-details__features-item .ttsupermolotneueregular_text,.font-details__block-slide .ttsupermolotneueregular_text{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttsupermolotneueregular_text.font-loaded,.font__item-preview-tester.ttsupermolotneueregular_text.font-loaded,.font-details__glyphs-abc.ttsupermolotneueregular_text.font-loaded,.font-details__glyphs-abc .ttsupermolotneueregular_text.font-loaded,.font-details__glyphs-item .ttsupermolotneueregular_text.font-loaded,.font-details__features-item .ttsupermolotneueregular_text.font-loaded,.font-details__block-slide .ttsupermolotneueregular_text.font-loaded{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttneorisproregular&#039;, sans-serif\" data-tester-sel=\"ttneorisproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.otf?v=1785427017) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.ttf?v=1785427017) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff?v=1785427017) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff2?v=1785427017) format(&quot;woff2&quot;);}.ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttneorisproregular_text,.font__item-preview-tester.ttneorisproregular_text,.font-details__glyphs-abc.ttneorisproregular_text,.font-details__glyphs-abc .ttneorisproregular_text,.font-details__glyphs-item .ttneorisproregular_text,.font-details__features-item .ttneorisproregular_text,.font-details__block-slide .ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttneorisproregular_text.font-loaded,.font__item-preview-tester.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc .ttneorisproregular_text.font-loaded,.font-details__glyphs-item .ttneorisproregular_text.font-loaded,.font-details__features-item .ttneorisproregular_text.font-loaded,.font-details__block-slide .ttneorisproregular_text.font-loaded{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-supermolot-neue\/\"> TT Supermolot Neue<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-neoris-pro\/\"> TT Neoris Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"22\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttsupermolotneueregular_text\" style=\"font-size:22px\">\n                <p contenteditable=\"true\">How to choose fonts for a project: Several general recommendations<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttneorisproregular_text\" style=\"font-size:19px\">\n                <p contenteditable=\"true\">To begin with, establish the project&#8217;s tone. Choose the fonts that stylistically match the main idea. After that, you need to determine the functions of each font in the project and their hierarchy: which font will complement the design and which one will serve to attract attention as the main element. You need to assess the difference between the fonts and decide what kind of information each of them should convey. First, we recommend choosing the base font you will use most, and then you can find a suitable pair for it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"19\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttlivrettextregular&#039;, sans-serif\" data-tester-sel=\"ttlivrettextregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Livret-Text-Regular.ttf?v=1778889614) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.woff?v=1778889614) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.woff2?v=1778889614) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Livret-Text-Regular.otf?v=1778889614) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Livret_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;);}.ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttlivrettextregular_text,.font__item-preview-tester.ttlivrettextregular_text,.font-details__glyphs-abc.ttlivrettextregular_text,.font-details__glyphs-abc .ttlivrettextregular_text,.font-details__glyphs-item .ttlivrettextregular_text,.font-details__features-item .ttlivrettextregular_text,.font-details__block-slide .ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttlivrettextregular_text.font-loaded,.font__item-preview-tester.ttlivrettextregular_text.font-loaded,.font-details__glyphs-abc.ttlivrettextregular_text.font-loaded,.font-details__glyphs-abc .ttlivrettextregular_text.font-loaded,.font-details__glyphs-item .ttlivrettextregular_text.font-loaded,.font-details__features-item .ttlivrettextregular_text.font-loaded,.font-details__block-slide .ttlivrettextregular_text.font-loaded{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-tester-face=\"&#039;ttneorisproregular&#039;, sans-serif\" data-tester-sel=\"ttneorisproregular_text\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;TT-NotDef&quot;;src:url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.woff?v=8&quot;) format(&quot;woff&quot;),url(&quot;https:\/\/typetype.org\/de\/wp-content\/themes\/typetype\/assets\/fonts\/NotDef\/TT_NotDef.ttf?v=8&quot;) format(&quot;truetype&quot;);font-display:block;font-weight:400;font-style:normal;unicode-range:U+0021-007E,U+00A1-00AC,U+00AE-034E,U+0350-061B,U+061D-167F,U+1681-180A,U+1810-1FFF,U+2010-2027,U+2030-205E,U+2070-2FFF,U+3001-3163,U+3165-D7FF,U+E000-FDFF,U+FE10-FEFE,U+FF00-FF9F,U+FFA1-FFF8,U+FFFC-110BC,U+110BE-1BC9F,U+1BCA4-1D172,U+1D17B-E0000,U+E0080-E00FF,U+E01F0-10FFFF;}@font-face{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.otf?v=1785427017) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.ttf?v=1785427017) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff?v=1785427017) format(&quot;woff&quot;),url(https:\/\/typetype.org\/de\/wp-content\/uploads\/TT_Neoris_Pro_Regular.woff2?v=1785427017) format(&quot;woff2&quot;);}.ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;&#039;TTCommons&#039;, sans-serif&quot;, sans-serif;}.font__item__font-type.ttneorisproregular_text,.font__item-preview-tester.ttneorisproregular_text,.font-details__glyphs-abc.ttneorisproregular_text,.font-details__glyphs-abc .ttneorisproregular_text,.font-details__glyphs-item .ttneorisproregular_text,.font-details__features-item .ttneorisproregular_text,.font-details__block-slide .ttneorisproregular_text{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;;font-variant-emoji:text;}.font__item__font-type.ttneorisproregular_text.font-loaded,.font__item-preview-tester.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc.ttneorisproregular_text.font-loaded,.font-details__glyphs-abc .ttneorisproregular_text.font-loaded,.font-details__glyphs-item .ttneorisproregular_text.font-loaded,.font-details__features-item .ttneorisproregular_text.font-loaded,.font-details__block-slide .ttneorisproregular_text.font-loaded{font-family:&quot;&#039;ttneorisproregular&#039;, sans-serif&quot;, &quot;TT-NotDef&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-livret\/\"> TT Livret<\/a><span>  Text Regular<\/span> + <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-neoris-pro\/\"> TT Neoris Pro<\/a><span> Regular<\/span>\n        <\/div>\n        <div class=\"font__item font__item__context first_font\">\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"23\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttlivrettextregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">Core principles of font pairing and recommendations from designers<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"font__item font__item__context second_font\">\n            <div class=\"font-pairs__text font-pairs__context font__item__font-type ttneorisproregular_text\" style=\"font-size:18px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is that both similarities and differences must be visible between them. You can highlight the coherence of fonts by the following characteristics: contrast, proportions, width, openness of characters, individual letter shapes, and overall tone. Feel free to experiment with different combinations. We also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in dealing with typography. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"18\"><\/span>\n        <\/div>\n    <\/div>\n    <\/div>\n            <div class=\"font-pairs__pagination\">\n            <div class='c-pagination js-c-pagination' data-current-page='1' data-total='228' data-per-page='12' data-page-param='paged'><\/div>        <\/div>\n    \n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>St\u00f6bern Sie durch die besten Schriftkombinationen und probieren Sie sie f\u00fcr Ihr n\u00e4chstes Designprojekt aus. W\u00e4hlen Sie die gew\u00fcnschte Schriftkombination und testen Sie sie f\u00fcr Ihren Firmennamen oder einen anderen Text.<\/p>\n","protected":false},"author":1590,"featured_media":10000049091,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-font-pairs.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37395","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/pages\/37395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/users\/1590"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=37395"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/pages\/37395\/revisions"}],"predecessor-version":[{"id":47729,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/pages\/37395\/revisions\/47729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000049091"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=37395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}