{"id":39950,"date":"2025-04-04T18:26:02","date_gmt":"2025-04-04T15:26:02","guid":{"rendered":"https:\/\/typetype.org\/ar\/?page_id=39950"},"modified":"2025-07-11T16:10:37","modified_gmt":"2025-07-11T13:10:37","slug":"font-pairs","status":"publish","type":"page","link":"https:\/\/typetype.org\/ar\/font-pairs\/","title":{"rendered":"\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a"},"content":{"rendered":"<section class=\"font-pairs\">\n            <div class=\"font-pairs__header\">\n                            <div class=\"custom-screen__row\">\n                <h1 class=\"font-pairs__maintitle\">\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a<\/h1>\n                <\/div>\n                                        <div class=\"custom-screen__row\">\n                    <div class=\"font-pairs__maintext\">\u0623\u0632\u0648\u0627\u062c \u062c\u0627\u0647\u0632\u0629 \u0645\u0646 \u0627\u0644\u062e\u0637\u0648\u0637 \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0646\u0635\u0648\u0635. \u0642\u0627\u0645 \u0645\u0635\u0645\u0645\u0648 \u0627\u0644\u062e\u0637\u0648\u0637 \u0644\u062f\u064a\u0646\u0627 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0645\u062c\u0631\u0628\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u062d\u0642\u064b\u0627. \u0627\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u0625\u0646\u0634\u0627\u0621 \u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u0639\u0628\u0631.<\/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\">\u0627\u0644\u062e\u0637\u0648\u0637:<small> <\/small><\/span>\n                                            <span class=\"ft-tag-title\">\u0627\u0644\u062e\u0637\u0648\u0637<\/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=\"\u0627\u0644\u0643\u0644\">\u0627\u0644\u0643\u0644<\/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=\"45383\" 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=\"35313\" 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=\"27186\" 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=\"40089\" data-text=\"TT Disruptors\">TT Disruptors<\/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=\"40052\" data-text=\"TT Gentlemens\">TT Gentlemens<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"font\" data-slug=\"37014\" 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=\"41873\" 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=\"34475\" 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=\"22419\" data-text=\"TT Neoris\">TT Neoris<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"font\" data-slug=\"2153\" data-text=\"TT Nooks\">TT Nooks<\/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=\"33546\" 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=\"45832\" data-text=\"TT Quaris\">TT Quaris<\/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=\"46285\" 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=\"29525\" 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=\"47076\" 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\">\u0627\u0644\u0641\u0626\u0629:<small> <\/small><\/span>\n                                            <span class=\"ft-tag-title\">\u0627\u0644\u0641\u0626\u0629<\/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=\"\u0627\u0644\u0643\u0644\">\u0627\u0644\u0643\u0644<\/a>\n                                            <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"monospaced\" data-text=\"\u0623\u062d\u0627\u062f\u064a \u0627\u0644\u0645\u0633\u0627\u0641\u0629\">\u0623\u062d\u0627\u062f\u064a \u0627\u0644\u0645\u0633\u0627\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"display\" data-text=\"\u0627\u0644\u0639\u0631\u0636\">\u0627\u0644\u0639\u0631\u0636<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"sans-serif\" data-text=\"\u0628\u062f\u0648\u0646 \u0627\u0644\u0630\u0646\u0627\u0628\u0627\u062a\">\u0628\u062f\u0648\u0646 \u0627\u0644\u0630\u0646\u0627\u0628\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"high-contrast-sans\" data-text=\"\u0633\u0627\u0646 \u0633\u064a\u0631\u064a\u0641 \u0639\u0627\u0644\u064a \u0627\u0644\u062a\u0628\u0627\u064a\u0646\">\u0633\u0627\u0646 \u0633\u064a\u0631\u064a\u0641 \u0639\u0627\u0644\u064a \u0627\u0644\u062a\u0628\u0627\u064a\u0646<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"slab-serif\" data-text=\"\u0633\u0644\u0627\u0628\">\u0633\u0644\u0627\u0628<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"variable\" data-text=\"\u0645\u062a\u063a\u064a\u0631\u0629\">\u0645\u062a\u063a\u064a\u0631\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"mixed-fonts\" data-text=\"\u0645\u062e\u062a\u0644\u0637\">\u0645\u062e\u062a\u0644\u0637<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"serif\" data-text=\"\u0645\u0639 \u0627\u0644\u0630\u0646\u0627\u0628\u0627\u062a\">\u0645\u0639 \u0627\u0644\u0630\u0646\u0627\u0628\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_cat\" data-slug=\"script\" data-text=\"\u0645\u0643\u062a\u0648\u0628\u0629 \u0628\u062e\u0637 \u0627\u0644\u064a\u062f\">\u0645\u0643\u062a\u0648\u0628\u0629 \u0628\u062e\u0637 \u0627\u0644\u064a\u062f<\/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\">\u0627\u0644\u0648\u0633\u0648\u0645:<small> <\/small><\/span>\n                                            <span class=\"ft-tag-title\">\u0627\u0644\u0648\u0633\u0648\u0645<\/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=\"\u0627\u0644\u0643\u0644\">\u0627\u0644\u0643\u0644<\/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=\"capcut\" data-text=\"Capcut\">Capcut<\/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=\"opentype\" data-text=\"OpenType\">OpenType<\/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=\"woff\" data-text=\"WOFF\">WOFF<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"antiqua\" data-text=\"\u0623\u0646\u062a\u064a\u0643\u0627\">\u0623\u0646\u062a\u064a\u0643\u0627<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"stencil\" data-text=\"\u0627\u0633\u062a\u0646\u0633\u0644\">\u0627\u0633\u062a\u0646\u0633\u0644<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"original\" data-text=\"\u0627\u0644\u0623\u0635\u0644\u064a\u0629\">\u0627\u0644\u0623\u0635\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"kid\" data-text=\"\u0627\u0644\u0623\u0637\u0641\u0627\u0644\u064a\u0629\">\u0627\u0644\u0623\u0637\u0641\u0627\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"bestseller\" data-text=\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u064b\u0627\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u064b\u0627<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"elegant\" data-text=\"\u0627\u0644\u0623\u0646\u064a\u0642\u0629\">\u0627\u0644\u0623\u0646\u064a\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"stylish\" data-text=\"\u0627\u0644\u0623\u0646\u064a\u0642\u0629\">\u0627\u0644\u0623\u0646\u064a\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"humanistic\" data-text=\"\u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629\">\u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"economic\" data-text=\"\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\">\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"wild\" data-text=\"\u0627\u0644\u0628\u0631\u064a\u0629\">\u0627\u0644\u0628\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"experimental\" data-text=\"\u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u0629\">\u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"technical\" data-text=\"\u0627\u0644\u062a\u0642\u0646\u064a\u0629\">\u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"technological\" data-text=\"\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629\">\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sturdy\" data-text=\"\u0627\u0644\u062b\u0627\u0628\u062a\u0629\">\u0627\u0644\u062b\u0627\u0628\u062a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"new\" data-text=\"\u0627\u0644\u062c\u062f\u064a\u062f\u0629\">\u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"aesthetic\" data-text=\"\u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629\">\u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"beautiful\" data-text=\"\u0627\u0644\u062c\u0645\u064a\u0644\u0629\">\u0627\u0644\u062c\u0645\u064a\u0644\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"modern\" data-text=\"\u0627\u0644\u062d\u062f\u064a\u062b\u0629\">\u0627\u0644\u062d\u062f\u064a\u062b\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sad\" data-text=\"\u0627\u0644\u062d\u0632\u064a\u0646\u0629\">\u0627\u0644\u062d\u0632\u064a\u0646\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"exclusive\" data-text=\"\u0627\u0644\u062d\u0635\u0631\u064a\u0629\">\u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"lively\" data-text=\"\u0627\u0644\u062d\u064a\u0629\">\u0627\u0644\u062d\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sharp-edged\" data-text=\"\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062d\u0627\u062f\u0629 (\u0630\u0627\u062a \u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0627\u0644\u062d\u0627\u062f\u0629\">\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062d\u0627\u062f\u0629 (\u0630\u0627\u062a \u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0627\u0644\u062d\u0627\u062f\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"narrow\" data-text=\"\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0636\u064a\u0642\u0629\">\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0636\u064a\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"light\" data-text=\"\u0627\u0644\u062e\u0641\u064a\u0641\u0629\">\u0627\u0644\u062e\u0641\u064a\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"dynamic\" data-text=\"\u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629\">\u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"masculine\" data-text=\"\u0627\u0644\u0630\u0643\u0648\u0631\u064a\u0629\">\u0627\u0644\u0630\u0643\u0648\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"smart\" data-text=\"\u0627\u0644\u0630\u0643\u064a\u0629\">\u0627\u0644\u0630\u0643\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"contemporary\" data-text=\"\u0627\u0644\u0631\u0627\u0626\u062c\u0629\">\u0627\u0644\u0631\u0627\u0626\u062c\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sophisticated\" data-text=\"\u0627\u0644\u0631\u0627\u0642\u064a\u0629\">\u0627\u0644\u0631\u0627\u0642\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"utilitarian\" data-text=\"\u0627\u0644\u0631\u0627\u0642\u064a\u0629\">\u0627\u0644\u0631\u0627\u0642\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"formal\" data-text=\"\u0627\u0644\u0631\u0633\u0645\u064a\u0629\">\u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"government\" data-text=\"\u0627\u0644\u0631\u0633\u0645\u064a\u0629\">\u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"graceful\" data-text=\"\u0627\u0644\u0631\u0634\u064a\u0642\u0629\">\u0627\u0644\u0631\u0634\u064a\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"thin\" data-text=\"\u0627\u0644\u0631\u0642\u064a\u0642\u0629\">\u0627\u0644\u0631\u0642\u064a\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ligatures\" data-text=\"\u0627\u0644\u0631\u0648\u0627\u0628\u0637\">\u0627\u0644\u0631\u0648\u0627\u0628\u0637<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"sporty\" data-text=\"\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\">\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"retro\" data-text=\"\u0627\u0644\u0631\u064a\u062a\u0631\u0648\">\u0627\u0644\u0631\u064a\u062a\u0631\u0648<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"edgy\" data-text=\"\u0627\u0644\u0631\u064a\u062a\u0631\u0648\">\u0627\u0644\u0631\u064a\u062a\u0631\u0648<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"decorative\" data-text=\"\u0627\u0644\u0632\u062e\u0631\u0641\u064a\u0629\">\u0627\u0644\u0632\u062e\u0631\u0641\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"happy\" data-text=\"\u0627\u0644\u0633\u0639\u064a\u062f\u0629\">\u0627\u0644\u0633\u0639\u064a\u062f\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fat\" data-text=\"\u0627\u0644\u0633\u0645\u064a\u0643\u0629\">\u0627\u0644\u0633\u0645\u064a\u0643\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cyrillic\" data-text=\"\u0627\u0644\u0633\u064a\u0631\u064a\u0644\u064a\u0629\">\u0627\u0644\u0633\u064a\u0631\u064a\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"popular\" data-text=\"\u0627\u0644\u0634\u0627\u0626\u0639\u0629\">\u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"versatile\" data-text=\"\u0627\u0644\u0634\u0627\u0645\u0644\u0629\">\u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"ecological\" data-text=\"\u0627\u0644\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629\">\u0627\u0644\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"tiny\" data-text=\"\u0627\u0644\u0635\u063a\u064a\u0631\u0629\">\u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"industrial\" data-text=\"\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\">\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"medical\" data-text=\"\u0627\u0644\u0637\u0628\u064a\u0629\">\u0627\u0644\u0637\u0628\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cooking\" data-text=\"\u0627\u0644\u0637\u0647\u0648\u064a\u0629\">\u0627\u0644\u0637\u0647\u0648\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"vintage\" data-text=\"\u0627\u0644\u0639\u0627\u0644\u064a\u0629\">\u0627\u0644\u0639\u0627\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"tall\" data-text=\"\u0627\u0644\u0639\u0627\u0644\u064a\u0629\">\u0627\u0644\u0639\u0627\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"wide\" data-text=\"\u0627\u0644\u0639\u0631\u064a\u0636\u0629\">\u0627\u0644\u0639\u0631\u064a\u0636\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fashion\" data-text=\"\u0627\u0644\u0639\u0635\u0631\u064a\u0629\">\u0627\u0644\u0639\u0635\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"organic\" data-text=\"\u0627\u0644\u0639\u0636\u0648\u064a\u0629\">\u0627\u0644\u0639\u0636\u0648\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"weird\" data-text=\"\u0627\u0644\u063a\u0631\u064a\u0628\u0629\">\u0627\u0644\u063a\u0631\u064a\u0628\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"luxury\" data-text=\"\u0627\u0644\u0641\u0627\u062e\u0631\u0629\">\u0627\u0644\u0641\u0627\u062e\u0631\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"distinctive\" data-text=\"\u0627\u0644\u0641\u0631\u064a\u062f\u0629\">\u0627\u0644\u0641\u0631\u064a\u062f\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"artistic\" data-text=\"\u0627\u0644\u0641\u0646\u064a\u0629\">\u0627\u0644\u0641\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"powerful\" data-text=\"\u0627\u0644\u0642\u0648\u064a\u0629\">\u0627\u0644\u0642\u0648\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"casual\" data-text=\"\u0627\u0644\u0643\u0627\u062c\u0648\u0627\u0644\">\u0627\u0644\u0643\u0627\u062c\u0648\u0627\u0644<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"calligraphy\" data-text=\"\u0627\u0644\u0643\u0627\u0644\u064a\u063a\u0631\u0627\u0641\u064a\u0629\">\u0627\u0644\u0643\u0627\u0644\u064a\u063a\u0631\u0627\u0641\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"classic\" data-text=\"\u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629\">\u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"latin\" data-text=\"\u0627\u0644\u0644\u0627\u062a\u064a\u0646\u064a\u0629\">\u0627\u0644\u0644\u0627\u062a\u064a\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cute\" data-text=\"\u0627\u0644\u0644\u0637\u064a\u0641\u0629\">\u0627\u0644\u0644\u0637\u064a\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"contrast\" data-text=\"\u0627\u0644\u0645\u062a\u0646\u0627\u0642\u0636\u0629\">\u0627\u0644\u0645\u062a\u0646\u0627\u0642\u0636\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"outline\" data-text=\"\u0627\u0644\u0645\u062c\u0648\u0641\u0629\">\u0627\u0644\u0645\u062c\u0648\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"updated\" data-text=\"\u0627\u0644\u0645\u062d\u062f\u062b\u0629\">\u0627\u0644\u0645\u062d\u062f\u062b\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"fun\" data-text=\"\u0627\u0644\u0645\u0631\u062d\u0629\">\u0627\u0644\u0645\u0631\u062d\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"playful\" data-text=\"\u0627\u0644\u0645\u0631\u062d\u0629\">\u0627\u0644\u0645\u0631\u062d\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"pretty\" data-text=\"\u0627\u0644\u0645\u0631\u064a\u062d\u0629\">\u0627\u0644\u0645\u0631\u064a\u062d\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"curly\" data-text=\"\u0627\u0644\u0645\u0632\u062e\u0631\u0641\u0629\">\u0627\u0644\u0645\u0632\u062e\u0631\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"futuristic\" data-text=\"\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629\">\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"dark\" data-text=\"\u0627\u0644\u0645\u0638\u0644\u0645\u0629\">\u0627\u0644\u0645\u0638\u0644\u0645\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"architectural\" data-text=\"\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629\">\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"workhorse\" data-text=\"\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629\">\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"music\" data-text=\"\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a\u0629\">\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"mechanical\" data-text=\"\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\">\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"delicate\" data-text=\"\u0627\u0644\u0646\u0627\u0639\u0645\u0629\">\u0627\u0644\u0646\u0627\u0639\u0645\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"clean\" data-text=\"\u0627\u0644\u0646\u0638\u064a\u0641\u0629\">\u0627\u0644\u0646\u0638\u064a\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"geometric\" data-text=\"\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\">\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"confident\" data-text=\"\u0627\u0644\u0648\u0627\u062b\u0642\u0629\">\u0627\u0644\u0648\u0627\u062b\u0642\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"proxima-nova\" data-text=\"\u0628\u0631\u0648\u0643\u0633\u064a\u0645\u0627 \u0646\u0648\u0641\u0627\">\u0628\u0631\u0648\u0643\u0633\u064a\u0645\u0627 \u0646\u0648\u0641\u0627<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"minimal\" data-text=\"\u0628\u0633\u064a\u0637\u0629\">\u0628\u0633\u064a\u0637\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"grotesque\" data-text=\"\u062c\u0631\u0648\u062a\u0633\u0643\">\u062c\u0631\u0648\u062a\u0633\u0643<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"typewriter\" data-text=\"\u062e\u0637 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u0643\u0627\u062a\u0628\u0629\">\u062e\u0637 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u0643\u0627\u062a\u0628\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"print\" data-text=\"\u062e\u0637 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u0643\u0627\u062a\u0628\u0629\">\u062e\u0637 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u0643\u0627\u062a\u0628\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"postage\" data-text=\"\u062e\u0637 \u0627\u0644\u062e\u0637\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629\">\u062e\u0637 \u0627\u0644\u062e\u0637\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"legible\" data-text=\"\u0633\u0647\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629\">\u0633\u0647\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"informal\" data-text=\"\u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a\u0629\">\u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cool\" data-text=\"\u0643\u0648\u0644\">\u0643\u0648\u0644<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"computer\" data-text=\"\u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631\">\u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"reverse-italic\" data-text=\"\u0645\u0627\u0626\u0644\u0629 \u0645\u0639\u0643\u0648\u0633\u0629\">\u0645\u0627\u0626\u0644\u0629 \u0645\u0639\u0643\u0648\u0633\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"creative\" data-text=\"\u0645\u0628\u062f\u0639\">\u0645\u0628\u062f\u0639<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"cursive\" data-text=\"\u0645\u062a\u0635\u0644\u0629\">\u0645\u062a\u0635\u0644\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"multilingual\" data-text=\"\u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a\">\u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"engraved\" data-text=\"\u0645\u062d\u0641\u0648\u0631\u0629\">\u0645\u062d\u0641\u0648\u0631\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"compact\" data-text=\"\u0645\u062f\u0645\u062c\u0629\">\u0645\u062f\u0645\u062c\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"condensed\" data-text=\"\u0645\u0643\u062b\u0641\u0629\">\u0645\u0643\u062b\u0641\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"extended\" data-text=\"\u0645\u0645\u062a\u062f\u0629\">\u0645\u0645\u062a\u062f\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"product_tag\" data-slug=\"premium\" data-text=\"\u0645\u0645\u064a\u0632\u0629\">\u0645\u0645\u064a\u0632\u0629<\/a>\n                                                <\/li>\n                                                                                                                                    <li class=\"tag-show-all\">\n                                                    <a href=\"#\" class=\"btn btn-show-all-lang\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0644<\/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\">\u0627\u0644\u063a\u0631\u0636:<small> <\/small><\/span>\n                                            <span class=\"ft-tag-title\">\u0627\u0644\u063a\u0631\u0636<\/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=\"\u0627\u0644\u0643\u0644\">\u0627\u0644\u0643\u0644<\/a>\n                                            <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"initials\" data-text=\"\u0627\u0644\u0623\u062d\u0631\u0641 \u0627\u0644\u0623\u0648\u0644\u0649\">\u0627\u0644\u0623\u062d\u0631\u0641 \u0627\u0644\u0623\u0648\u0644\u0649<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie\" data-text=\"\u0627\u0644\u0623\u0641\u0644\u0627\u0645\">\u0627\u0644\u0623\u0641\u0644\u0627\u0645<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"advertising\" data-text=\"\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\">\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"infographics\" data-text=\"\u0627\u0644\u0625\u0646\u0641\u0648\u062c\u0631\u0627\u0641\u064a\u0643\">\u0627\u0644\u0625\u0646\u0641\u0648\u062c\u0631\u0627\u0641\u064a\u0643<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"retail\" data-text=\"\u0627\u0644\u062a\u062c\u0632\u0626\u0629 (\u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629)\">\u0627\u0644\u062a\u062c\u0632\u0626\u0629 (\u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629)<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"editorial\" data-text=\"\u0627\u0644\u062a\u062d\u0631\u064a\u0631\u064a\u0629\">\u0627\u0644\u062a\u062d\u0631\u064a\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"app\" data-text=\"\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\">\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"packaging\" data-text=\"\u0627\u0644\u062a\u063a\u0644\u064a\u0641\">\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"tv\" data-text=\"\u0627\u0644\u062a\u0644\u0641\u0627\u0632\">\u0627\u0644\u062a\u0644\u0641\u0627\u0632<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"university\" data-text=\"\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a\">\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"invitations\" data-text=\"\u0627\u0644\u062f\u0639\u0648\u0627\u062a\">\u0627\u0644\u062f\u0639\u0648\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"newsletter\" data-text=\"\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629\">\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"digital\" data-text=\"\u0627\u0644\u0631\u0642\u0645\u064a (\u062f\u064a\u062c\u064a\u062a\u0627\u0644)\">\u0627\u0644\u0631\u0642\u0645\u064a (\u062f\u064a\u062c\u064a\u062a\u0627\u0644)<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"corporate\" data-text=\"\u0627\u0644\u0634\u0631\u0643\u0627\u062a\">\u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"logo\" data-text=\"\u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a\">\u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"newspaper\" data-text=\"\u0627\u0644\u0635\u062d\u0641\">\u0627\u0644\u0635\u062d\u0641<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"food\" data-text=\"\u0627\u0644\u0637\u0639\u0627\u0645\">\u0627\u0644\u0637\u0639\u0627\u0645<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"branding\" data-text=\"\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\">\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"headline\" data-text=\"\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646\">\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"event\" data-text=\"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"video\" data-text=\"\u0627\u0644\u0641\u064a\u062f\u064a\u0648\">\u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"menu\" data-text=\"\u0627\u0644\u0642\u0648\u0627\u0626\u0645\">\u0627\u0644\u0642\u0648\u0627\u0626\u0645<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"book\" data-text=\"\u0627\u0644\u0643\u062a\u0628\">\u0627\u0644\u0643\u062a\u0628<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"ebook\" data-text=\"\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"college\" data-text=\"\u0627\u0644\u0643\u0644\u064a\u0629\">\u0627\u0644\u0643\u0644\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"fitness\" data-text=\"\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629\">\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"building\" data-text=\"\u0627\u0644\u0645\u0628\u0627\u0646\u064a\">\u0627\u0644\u0645\u0628\u0627\u0646\u064a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"museum\" data-text=\"\u0627\u0644\u0645\u062a\u0627\u062d\u0641\">\u0627\u0644\u0645\u062a\u0627\u062d\u0641<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"magazine\" data-text=\"\u0627\u0644\u0645\u062c\u0644\u0627\u062a\">\u0627\u0644\u0645\u062c\u0644\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"drink\" data-text=\"\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a\">\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"jersey\" data-text=\"\u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 (\u062c\u064a\u0631\u0633\u064a)\">\u0627\u0644\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 (\u062c\u064a\u0631\u0633\u064a)<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"wayfinding\" data-text=\"\u0627\u0644\u0645\u0644\u0627\u062d\u0629\">\u0627\u0644\u0645\u0644\u0627\u062d\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"poster\" data-text=\"\u0627\u0644\u0645\u0644\u0635\u0642\u0627\u062a\">\u0627\u0644\u0645\u0644\u0635\u0642\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"publishing\" data-text=\"\u0627\u0644\u0646\u0634\u0631\">\u0627\u0644\u0646\u0634\u0631<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"flyer\" data-text=\"\u0627\u0644\u0646\u0634\u0631\u0627\u062a (\u0627\u0644\u0641\u0644\u0627\u064a\u0631)\">\u0627\u0644\u0646\u0634\u0631\u0627\u062a (\u0627\u0644\u0641\u0644\u0627\u064a\u0631)<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"text\" data-text=\"\u0627\u0644\u0646\u0635\u0648\u0635\">\u0627\u0644\u0646\u0635\u0648\u0635<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"identities\" data-text=\"\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"web\" data-text=\"\u0627\u0644\u0648\u064a\u0628\">\u0627\u0644\u0648\u064a\u0628<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"interior-design\" data-text=\"\u062a\u0635\u0645\u064a\u0645 \u062f\u0627\u062e\u0644\u064a\">\u062a\u0635\u0645\u064a\u0645 \u062f\u0627\u062e\u0644\u064a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie-theater\" data-text=\"\u062f\u0648\u0631 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\">\u062f\u0648\u0631 \u0627\u0644\u0633\u064a\u0646\u0645\u0627<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"for-postcards\" data-text=\"\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0628\u0631\u064a\u062f\">\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0628\u0631\u064a\u062f<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"certificates\" data-text=\"\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\">\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"gaming\" data-text=\"\u0644\u0644\u0623\u0644\u0639\u0627\u0628\">\u0644\u0644\u0623\u0644\u0639\u0627\u0628<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"board-games\" data-text=\"\u0644\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0644\u0648\u062d\u064a\u0629\">\u0644\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0644\u0648\u062d\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"for-quotes\" data-text=\"\u0644\u0644\u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a\">\u0644\u0644\u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"social-media\" data-text=\"\u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\">\u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"boat\" data-text=\"\u0644\u0644\u0642\u0648\u0627\u0631\u0628\">\u0644\u0644\u0642\u0648\u0627\u0631\u0628<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"dictionaries\" data-text=\"\u0644\u0644\u0642\u0648\u0627\u0645\u064a\u0633\">\u0644\u0644\u0642\u0648\u0627\u0645\u064a\u0633<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"label\" data-text=\"\u0644\u0644\u0645\u0644\u0635\u0642\u0627\u062a\">\u0644\u0644\u0645\u0644\u0635\u0642\u0627\u062a<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"tatoo\" data-text=\"\u0644\u0644\u0648\u0634\u0648\u0645\">\u0644\u0644\u0648\u0634\u0648\u0645<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"music-video\" data-text=\"\u0645\u0642\u0627\u0637\u0639 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a\u0629\">\u0645\u0642\u0627\u0637\u0639 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a\u0629<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"movie-poster\" data-text=\"\u0645\u0644\u0635\u0642\u0627\u062a \u0627\u0644\u0623\u0641\u0644\u0627\u0645\">\u0645\u0644\u0635\u0642\u0627\u062a \u0627\u0644\u0623\u0641\u0644\u0627\u0645<\/a>\n                                                <\/li>\n                                                                                            <li class=\"\">\n                                                    <a href=\"#\" data-taxonomy=\"purpose\" data-slug=\"user-interface\" data-text=\"\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\">\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttturnsbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.otf?v=1776847678) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.ttf?v=1776847678) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.woff?v=1776847678) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.woff2?v=1776847678) format(&quot;woff2&quot;);}.ttturnsbold_text{font-family:&quot;&#039;ttturnsbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-turns\/\"> TT Turns<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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=\"36\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttturnsbold_text\" style=\"font-size:36px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttneorisregular_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;separating semantic blocks.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"24\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttramillasbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Bold.otf?v=1773705958) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Bold.ttf?v=1773705958) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Bold.woff?v=1773705958) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Bold.woff2?v=1773705958) format(&quot;woff2&quot;);}.ttramillasbold_text{font-family:&quot;&#039;ttramillasbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttturnsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Regular.otf?v=1776847678) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Regular.ttf?v=1776847678) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Regular.woff?v=1776847678) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Regular.woff2?v=1776847678) format(&quot;woff2&quot;);}.ttturnsregular_text{font-family:&quot;&#039;ttturnsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-ramillas\/\"> TT Ramillas<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-turns\/\"> TT Turns<\/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 ttramillasbold_text\" style=\"font-size:31px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttturnsregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttturnsbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.otf?v=1776847678) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.ttf?v=1776847678) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.woff?v=1776847678) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Turns_Bold.woff2?v=1776847678) format(&quot;woff2&quot;);}.ttturnsbold_text{font-family:&quot;&#039;ttturnsbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Norms_Pro_Regular-1.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Norms_Pro_Regular.otf?v=1776847887) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Norms_Pro_Regular.ttf?v=1776847887) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Norms_Pro_Regular-1.woff?v=1776847887) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Norms_Pro_Regular-1.woff2?v=1776847887) format(&quot;woff2&quot;);}.ttnormsproregular_text{font-family:&quot;&#039;ttnormsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-turns\/\"> TT Turns<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/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=\"28\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttturnsbold_text\" style=\"font-size:28px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttnormsproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttreginsdisplaybold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.otf?v=1770380385) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.ttf?v=1770380385) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.woff?v=1770380385) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.woff2?v=1770380385) format(&quot;woff2&quot;);}.ttreginsdisplaybold_text{font-family:&quot;&#039;ttreginsdisplaybold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttquarisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Regular.otf?v=1776847772) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Regular.ttf?v=1776847772) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Regular.woff?v=1776847772) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Regular.woff2?v=1776847772) format(&quot;woff2&quot;);}.ttquarisregular_text{font-family:&quot;&#039;ttquarisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-regins\/\"> TT Regins<\/a><span> Display Bold <\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-quaris\/\"> TT Quaris<\/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=\"24\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttreginsdisplaybold_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttquarisregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttreginsdisplaybold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.otf?v=1770380385) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.ttf?v=1770380385) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.woff?v=1770380385) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Display_Bold.woff2?v=1770380385) format(&quot;woff2&quot;);}.ttreginsdisplaybold_text{font-family:&quot;&#039;ttreginsdisplaybold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsproregular_text{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-regins\/\"> TT Regins<\/a><span> Display Bold <\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 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=\"24\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttreginsdisplaybold_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttcommonsproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcometusregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Cometus-Regular.otf?v=1771027214) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Cometus-Regular.ttf?v=1771027214) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Cometus_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Cometus_Regular.woff?v=1771027214) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Cometus_Regular.woff2?v=1771027214) format(&quot;woff2&quot;);}.ttcometusregular_text{font-family:&quot;&#039;ttcometusregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttreginstextlight&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Text_Light.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Text_Light.otf?v=1770380385) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Text_Light.ttf?v=1770380385) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Text_Light.woff?v=1770380385) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Regins_Text_Light.woff2?v=1770380385) format(&quot;woff2&quot;);}.ttreginstextlight_text{font-family:&quot;&#039;ttreginstextlight&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-cometus\/\"> TT Cometus<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-regins\/\"> TT Regins<\/a><span> Text Light <\/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 ttcometusregular_text\" style=\"font-size:31px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttreginstextlight_text\" style=\"font-size:19px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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><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_basettnormspro\" data-theme=\"light\" data-nosnippet style=\"background-color: #e5cc8c;\">\n    <div data-url=\"https:\/\/typetype.org\/ar\/fonts\/tt-norms-pro\/\" 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&nbsp;Norms\u00ae Pro: <br> \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u064b\u0627 \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u0627\u0644\u0622\u0646 \u0645\u0639 \u062f\u0639\u0645 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629                <\/div>\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\/ar\/fonts\/tt-norms-pro\/'; }, 100); return false;\">\n                                \u0639\u0631\u0636 \u0627\u0644\u062e\u0637                            <\/button>\n                                                                            <button type=\"button\" class=\"btn js-link btn--large-grey  js-banner-sistem-trial-target\"\n                                data-fonts_name=\"TT Norms\u00ae Pro\"\n                                >\n                                \u0646\u0633\u062e\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629                            <\/button>\n                                            <\/div>\n                            <\/div>\n                            <div class=\"banner-system__info-imgs\">\n                    <img decoding=\"async\" width=\"972\" height=\"1002\" src=\"https:\/\/typetype.org\/ar\/wp-content\/uploads\/Norms-banernaya-set-1.png\" class=\" desk\" alt=\"TT&amp;nbsp;Norms\u00ae Pro: &lt;br&gt; \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u064b\u0627 \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u0627\u0644\u0622\u0646 \u0645\u0639 \u062f\u0639\u0645 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\" srcset=\"https:\/\/typetype.org\/ar\/wp-content\/uploads\/Norms-banernaya-set-1.png 972w, https:\/\/typetype.org\/ar\/wp-content\/uploads\/Norms-banernaya-set-1-768x792.png 768w, https:\/\/typetype.org\/ar\/wp-content\/uploads\/Norms-banernaya-set-1-407x420.png 407w, https:\/\/typetype.org\/ar\/wp-content\/uploads\/Norms-banernaya-set-1-600x619.png 600w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/>                <\/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\/ar\/fonts\/tt-norms-pro\/'; }, 100); return false;\">\n                            \u0639\u0631\u0636 \u0627\u0644\u062e\u0637                        <\/button>\n                                                                <button type=\"button\" class=\"btn js-link btn--large-grey  js-banner-sistem-trial-target\"\n                            data-fonts_name=\"TT Norms\u00ae Pro\"\n                            >\n                            \u0646\u0633\u062e\u0629 \u062a\u062c\u0631\u064a\u0628\u064a\u0629                        <\/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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.otf?v=1776847772) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.ttf?v=1776847772) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff?v=1776847772) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff2?v=1776847772) format(&quot;woff2&quot;);}.ttquarisbold_text{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttforsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Regular.otf?v=1760981003) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Regular.ttf?v=1760981003) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Regular.woff?v=1760981003) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Regular.woff2?v=1760981003) format(&quot;woff2&quot;);}.ttforsregular_text{font-family:&quot;&#039;ttforsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-quaris\/\"> TT Quaris<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-fors\/\"> TT Fors<\/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=\"34\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttquarisbold_text\" style=\"font-size:34px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttforsregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.otf?v=1776847772) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.ttf?v=1776847772) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff?v=1776847772) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff2?v=1776847772) format(&quot;woff2&quot;);}.ttquarisbold_text{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.otf?v=1773705958) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.ttf?v=1773705958) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff?v=1773705958) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff2?v=1773705958) format(&quot;woff2&quot;);}.ttramillasregular_text{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-quaris\/\"> TT Quaris<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-ramillas\/\"> TT Ramillas<\/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=\"24\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttquarisbold_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttramillasregular_text\" style=\"font-size:21px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"21\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.otf?v=1776847772) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.ttf?v=1776847772) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff?v=1776847772) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Quaris_Bold.woff2?v=1776847772) format(&quot;woff2&quot;);}.ttquarisbold_text{font-family:&quot;&#039;ttquarisbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-quaris\/\"> TT Quaris<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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=\"26\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttquarisbold_text\" style=\"font-size:26px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttneorisregular_text\" style=\"font-size:21px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;dealing with typography.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"21\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.otf?v=1776847794) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.ttf?v=1776847794) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff?v=1776847794) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff2?v=1776847794) format(&quot;woff2&quot;);}.ttbakersbold_text{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-bakers\/\"> TT Bakers<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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 ttbakersbold_text\" style=\"font-size:25px\">\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 ttneorisregular_text\" style=\"font-size:24px\">\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=\"24\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.otf?v=1776847794) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.ttf?v=1776847794) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff?v=1776847794) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff2?v=1776847794) format(&quot;woff2&quot;);}.ttbakersbold_text{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-bakers\/\"> TT Bakers<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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 ttbakersbold_text\" style=\"font-size:23px\">\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 ttwellingtonsregular_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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttforsbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Bold.otf?v=1760981003) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Bold.ttf?v=1760981003) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Bold.woff?v=1760981003) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fors_Bold.woff2?v=1760981003) format(&quot;woff2&quot;);}.ttforsbold_text{font-family:&quot;&#039;ttforsbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbakersregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Regular.woff2?v=1776847794) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Regular.otf?v=1776847794) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Regular.ttf?v=1776847794) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Regular.woff?v=1776847794) format(&quot;woff&quot;);}.ttbakersregular_text{font-family:&quot;&#039;ttbakersregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-fors\/\"> TT Fors<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-bakers\/\"> TT Bakers<\/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=\"20\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttforsbold_text\" style=\"font-size:20px\">\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 ttbakersregular_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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.otf?v=1760968496) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.ttf?v=1760968496) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff?v=1760968496) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff2?v=1760968496) format(&quot;woff2&quot;);}.ttmarksregular_text{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsproregular_text{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-marks\/\"> TT Marks<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 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=\"28\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttmarksregular_text\" style=\"font-size:28px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttcommonsproregular_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;separating semantic blocks. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"24\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.otf?v=1760968496) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.ttf?v=1760968496) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff?v=1760968496) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff2?v=1760968496) format(&quot;woff2&quot;);}.ttmarksregular_text{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-marks\/\"> TT Marks<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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=\"24\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttmarksregular_text\" style=\"font-size:24px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttwellingtonsregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.otf?v=1760968496) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.ttf?v=1760968496) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff?v=1760968496) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Marks_Regular.woff2?v=1760968496) format(&quot;woff2&quot;);}.ttmarksregular_text{font-family:&quot;&#039;ttmarksregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Rounds-Neue-Regular.otf?v=1769521992) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Rounds-Neue-Regular-1.ttf?v=1769521992) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rounds_Neue_Regular-1.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rounds_Neue_Regular-2.woff?v=1769521992) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rounds_Neue_Regular-2.woff2?v=1769521992) format(&quot;woff2&quot;);}.ttroundsneueregular_text{font-family:&quot;&#039;ttroundsneueregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-marks\/\"> TT Marks<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/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=\"28\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttmarksregular_text\" style=\"font-size:28px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.otf?v=1760969099) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.ttf?v=1760969099) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff?v=1760969099) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff2?v=1760969099) format(&quot;woff2&quot;);}.ttgentlemensregular_text{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gentlemens\/\"> TT Gentlemens<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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=\"40\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgentlemensregular_text\" style=\"font-size:40px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttwellingtonsregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.otf?v=1760969099) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.ttf?v=1760969099) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff?v=1760969099) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff2?v=1760969099) format(&quot;woff2&quot;);}.ttgentlemensregular_text{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.otf?v=1760975882) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.ttf?v=1760975882) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff?v=1760975882) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff2?v=1760975882) format(&quot;woff2&quot;);}.ttfellowsregular_text{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gentlemens\/\"> TT Gentlemens<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-fellows\/\"> TT Fellows<\/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=\"40\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgentlemensregular_text\" style=\"font-size:40px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttfellowsregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.otf?v=1760969099) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.ttf?v=1760969099) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff?v=1760969099) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gentlemens_Regular.woff2?v=1760969099) format(&quot;woff2&quot;);}.ttgentlemensregular_text{font-family:&quot;&#039;ttgentlemensregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.otf?v=1773705958) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.ttf?v=1773705958) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff?v=1773705958) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff2?v=1773705958) format(&quot;woff2&quot;);}.ttramillasregular_text{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gentlemens\/\"> TT Gentlemens<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-ramillas\/\"> TT Ramillas<\/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=\"40\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgentlemensregular_text\" style=\"font-size:40px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttramillasregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">he main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.otf?v=1774086853) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.ttf?v=1774086853) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff?v=1774086853) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff2?v=1774086853) format(&quot;woff2&quot;);}.ttdisruptorsregular_text{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-disruptors\/\"> TT Disruptors<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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=\"32\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdisruptorsregular_text\" style=\"font-size:32px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttwellingtonsregular_text\" style=\"font-size:18px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;separating semantic blocks. <\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"18\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.otf?v=1774086853) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.ttf?v=1774086853) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff?v=1774086853) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff2?v=1774086853) format(&quot;woff2&quot;);}.ttdisruptorsregular_text{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.otf?v=1760975882) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.ttf?v=1760975882) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff?v=1760975882) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff2?v=1760975882) format(&quot;woff2&quot;);}.ttfellowsregular_text{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-disruptors\/\"> TT Disruptors<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-fellows\/\"> TT Fellows<\/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=\"30\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdisruptorsregular_text\" style=\"font-size:30px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttfellowsregular_text\" style=\"font-size:17px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"17\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.otf?v=1774086853) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.ttf?v=1774086853) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff?v=1774086853) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Disruptors_Regular.woff2?v=1774086853) format(&quot;woff2&quot;);}.ttdisruptorsregular_text{font-family:&quot;&#039;ttdisruptorsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.otf?v=1773705958) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.ttf?v=1773705958) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff?v=1773705958) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Ramillas_Regular.woff2?v=1773705958) format(&quot;woff2&quot;);}.ttramillasregular_text{font-family:&quot;&#039;ttramillasregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-disruptors\/\"> TT Disruptors<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-ramillas\/\"> TT Ramillas<\/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=\"30\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttdisruptorsregular_text\" style=\"font-size:30px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttramillasregular_text\" style=\"font-size:17px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;dealing with typography.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"17\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.otf?v=1761350418) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.ttf?v=1761350418) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff?v=1761350418) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff2?v=1761350418) format(&quot;woff2&quot;);}.ttgertikaregular_text{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsproregular_text{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gertika\/\"> TT Gertika<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 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=\"20\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgertikaregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttcommonsproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.otf?v=1761350418) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.ttf?v=1761350418) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff?v=1761350418) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff2?v=1761350418) format(&quot;woff2&quot;);}.ttgertikaregular_text{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gertika\/\"> TT Gertika<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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=\"20\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgertikaregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttwellingtonsregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.otf?v=1761350418) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.ttf?v=1761350418) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff?v=1761350418) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Gertika_Regular.woff2?v=1761350418) format(&quot;woff2&quot;);}.ttgertikaregular_text{font-family:&quot;&#039;ttgertikaregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttrationalistregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rationalist_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rationalist_Regular-1.otf?v=1758326447) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rationalist_Regular.ttf?v=1758326447) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rationalist_Regular-1.woff?v=1758326447) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Rationalist_Regular-1.woff2?v=1758326447) format(&quot;woff2&quot;);}.ttrationalistregular_text{font-family:&quot;&#039;ttrationalistregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-gertika\/\"> TT Gertika<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-rationalist\/\"> TT Rationalist<\/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=\"20\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttgertikaregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttrationalistregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbiersalupright&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.otf?v=1760745604) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.ttf?v=1760745604) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.woff?v=1760745604) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.woff2?v=1760745604) format(&quot;woff2&quot;);}.ttbiersalupright_text{font-family:&quot;&#039;ttbiersalupright&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttchocolatesregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Chocolates-Regular.otf?v=1770422404) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Chocolates-Regular.ttf?v=1770422404) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.woff?v=1770422404) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.woff2?v=1770422404) format(&quot;woff2&quot;);}.ttchocolatesregular_text{font-family:&quot;&#039;ttchocolatesregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-biersal\/\"> TT Biersal<\/a><span> Upright<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-chocolates\/\"> TT Chocolates<\/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=\"29\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttbiersalupright_text\" style=\"font-size:29px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttchocolatesregular_text\" style=\"font-size:22px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;separating semantic blocks. <\/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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbiersalupright&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.otf?v=1760745604) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.ttf?v=1760745604) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.woff?v=1760745604) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Upright.woff2?v=1760745604) format(&quot;woff2&quot;);}.ttbiersalupright_text{font-family:&quot;&#039;ttbiersalupright&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsproregular_text{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-biersal\/\"> TT Biersal<\/a><span> Upright<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 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=\"29\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttbiersalupright_text\" style=\"font-size:29px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttcommonsproregular_text\" style=\"font-size:21px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"21\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbiersalvariable&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Variable.ttf?v=1760745604) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Variable.woff?v=1760745604) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Biersal_Variable.woff2?v=1760745604) format(&quot;woff2&quot;);}.ttbiersalvariable_text{font-family:&quot;&#039;ttbiersalvariable&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttinterphasesproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Interphases_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Interphases_Pro_Regular.otf?v=1768940384) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Interphases_Pro_Regular.ttf?v=1768940384) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Interphases_Pro_Regular.woff?v=1768940384) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Interphases_Pro_Regular.woff2?v=1768940384) format(&quot;woff2&quot;);}.ttinterphasesproregular_text{font-family:&quot;&#039;ttinterphasesproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-biersal\/\"> TT Biersal<\/a><span> Variable<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-interphases\/\"> TT Interphases 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=\"29\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttbiersalvariable_text\" style=\"font-size:29px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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 ttinterphasesproregular_text\" style=\"font-size:20px\">\n                <p contenteditable=\"true\">The main rule you should follow when matching two fonts is&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.otf?v=1759579378) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.ttf?v=1759579378) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff?v=1759579378) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff2?v=1759579378) format(&quot;woff2&quot;);}.ttmodernoirregular_text{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-modernoir\/\"> TT Modernoir<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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 ttmodernoirregular_text\" style=\"font-size:28px\">\n                <p contenteditable=\"true\">What is&nbsp;a&nbsp;font pair, and what does it&nbsp;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 ttneorisregular_text\" style=\"font-size:25px\">\n                <p contenteditable=\"true\">A&nbsp;font pair is&nbsp;a&nbsp;combination of&nbsp;two fonts within one text block. Most often, one of&nbsp;the fonts in&nbsp;a&nbsp;pair is&nbsp;a&nbsp;more expressive headline font, and the other one serves to&nbsp;communicate information. Such fonts complement each other and help designers solve various tasks, like highlighting key elements, adding emotional expressiveness to&nbsp;the project, or&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.otf?v=1759579378) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.ttf?v=1759579378) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff?v=1759579378) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff2?v=1759579378) format(&quot;woff2&quot;);}.ttmodernoirregular_text{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.otf?v=1766148207) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Wellingtons-Regular.ttf?v=1766148207) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff?v=1766148207) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Wellingtons_Regular.woff2?v=1766148207) format(&quot;woff2&quot;);}.ttwellingtonsregular_text{font-family:&quot;&#039;ttwellingtonsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-modernoir\/\"> TT Modernoir<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-wellingtons\/\"> TT Wellingtons<\/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 ttmodernoirregular_text\" style=\"font-size:23px\">\n                <p contenteditable=\"true\">How to&nbsp;choose fonts for a&nbsp;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 ttwellingtonsregular_text\" style=\"font-size:21px\">\n                <p contenteditable=\"true\">To&nbsp;begin with, establish the project&rsquo;s tone. Choose the fonts that stylistically match the main idea. After that, you need to&nbsp;determine the functions of&nbsp;each font in&nbsp;the project and their hierarchy: which font will complement the design and which one will serve to&nbsp;attract attention as&nbsp;the main element. You need to&nbsp;assess the difference between the fonts and decide what kind of&nbsp;information each of&nbsp;them should convey. First, we&nbsp;recommend choosing the base font you will use most, and then you can find a&nbsp;suitable pair for&nbsp;it.<\/p>\n            <\/div>\n            <span class=\"size-type-slider js-size-font-pairs-slider\" data-size=\"21\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.otf?v=1759579378) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.ttf?v=1759579378) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff?v=1759579378) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Modernoir_Regular.woff2?v=1759579378) format(&quot;woff2&quot;);}.ttmodernoirregular_text{font-family:&quot;&#039;ttmodernoirregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Livret-Text-Regular-1.otf?v=1774180952) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Livret-Text-Regular.ttf?v=1774180952) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.woff?v=1774180952) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.woff2?v=1774180952) format(&quot;woff2&quot;);}.ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-modernoir\/\"> TT Modernoir<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/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=\"22\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttmodernoirregular_text\" style=\"font-size:22px\">\n                <p contenteditable=\"true\">Core principles of&nbsp;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&nbsp;that both similarities and differences must be&nbsp;visible between them. You can highlight the coherence of&nbsp;fonts by&nbsp;the following characteristics: contrast, proportions, width, openness of&nbsp;characters, individual letter shapes, and overall tone. Feel free to&nbsp;experiment with different combinations. We&nbsp;also recommend analyzing the projects you like: this way, you can enhance your visual skills, elevate your knowledge base, and gain confidence in&nbsp;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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.otf?v=1760972047) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.ttf?v=1760972047) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff?v=1760972047) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff2?v=1760972047) format(&quot;woff2&quot;);}.ttpaplaneregular_text{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Regular.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsproregular_text{font-family:&quot;&#039;ttcommonsproregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-paplane\/\"> TT Paplane<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 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=\"21\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttpaplaneregular_text\" style=\"font-size:21px\">\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 ttcommonsproregular_text\" style=\"font-size:18px\">\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=\"18\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.otf?v=1760972047) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.ttf?v=1760972047) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff?v=1760972047) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff2?v=1760972047) format(&quot;woff2&quot;);}.ttpaplaneregular_text{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-paplane\/\"> TT Paplane<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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=\"21\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttpaplaneregular_text\" style=\"font-size:21px\">\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 ttneorisregular_text\" style=\"font-size:17px\">\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=\"17\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.otf?v=1760972047) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.ttf?v=1760972047) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff?v=1760972047) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Paplane-Regular.woff2?v=1760972047) format(&quot;woff2&quot;);}.ttpaplaneregular_text{font-family:&quot;&#039;ttpaplaneregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Firs-Text-Regular.otf?v=1768940281) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Firs-Text-Regular.ttf?v=1768940281) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Firs_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Firs_Text_Regular.woff?v=1768940281) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Firs_Text_Regular.woff2?v=1768940281) format(&quot;woff2&quot;);}.ttfirstextregular_text{font-family:&quot;&#039;ttfirstextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-paplane\/\"> TT Paplane<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/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=\"21\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttpaplaneregular_text\" style=\"font-size:21px\">\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 ttfirstextregular_text\" style=\"font-size:17px\">\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=\"17\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;tttravelsnextbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Next_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Next_Bold.ttf?v=1773705982) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Next_Bold.woff?v=1773705982) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Next_Bold.woff2?v=1773705982) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Next-Bold.otf?v=1773705982) format(&quot;opentype&quot;);}.tttravelsnextbold_text{font-family:&quot;&#039;tttravelsnextbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff2?v=1768003205) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff?v=1768003205) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.ttf?v=1768003205) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.otf?v=1768003205) format(&quot;opentype&quot;);}.tttravelstextregular_text{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-travels-next\/\"> TT Travels Next<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-travels-text\/\"> TT Travels 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=\"21\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type tttravelsnextbold_text\" style=\"font-size:21px\">\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 tttravelstextregular_text\" style=\"font-size:19px\">\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=\"19\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttglobsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Globs-Regular.otf?v=1761955205) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Globs-Regular.ttf?v=1761955205) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Globs_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Globs_Regular.woff?v=1761955205) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Globs_Regular.woff2?v=1761955205) format(&quot;woff2&quot;);}.ttglobsregular_text{font-family:&quot;&#039;ttglobsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff2?v=1768003205) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff?v=1768003205) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.ttf?v=1768003205) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.otf?v=1768003205) format(&quot;opentype&quot;);}.tttravelstextregular_text{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-globs\/\"> TT Globs<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-travels-text\/\"> TT Travels 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=\"18\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttglobsregular_text\" style=\"font-size:18px\">\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 tttravelstextregular_text\" style=\"font-size:17px\">\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=\"17\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.otf?v=1776847794) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.ttf?v=1776847794) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff?v=1776847794) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Bakers_Bold.woff2?v=1776847794) format(&quot;woff2&quot;);}.ttbakersbold_text{font-family:&quot;&#039;ttbakersbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff2?v=1768003205) format(&quot;woff2&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.woff?v=1768003205) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Travels_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.ttf?v=1768003205) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Travels-Text-Regular.otf?v=1768003205) format(&quot;opentype&quot;);}.tttravelstextregular_text{font-family:&quot;&#039;tttravelstextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-bakers\/\"> TT Bakers<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-travels-text\/\"> TT Travels 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=\"20\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttbakersbold_text\" style=\"font-size:20px\">\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 tttravelstextregular_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 class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcarvistbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Bold.otf?v=1760972767) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Bold.ttf?v=1760972767) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.woff?v=1760972767) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.woff2?v=1760972767) format(&quot;woff2&quot;);}.ttcarvistbold_text{font-family:&quot;&#039;ttcarvistbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttchocolatesregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Chocolates-Regular.otf?v=1770422404) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Chocolates-Regular.ttf?v=1770422404) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.woff?v=1770422404) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Chocolates_Regular.woff2?v=1770422404) format(&quot;woff2&quot;);}.ttchocolatesregular_text{font-family:&quot;&#039;ttchocolatesregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-carvist\/\"> TT Carvist<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-chocolates\/\"> TT Chocolates<\/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=\"34\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttcarvistbold_text\" style=\"font-size:34px\">\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 ttchocolatesregular_text\" style=\"font-size:22px\">\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=\"22\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcommonsprobold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Bold.otf?v=1778669795) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Bold.ttf?v=1778669795) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Bold.woff?v=1778669795) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Commons_Pro_Bold.woff2?v=1778669795) format(&quot;woff2&quot;);}.ttcommonsprobold_text{font-family:&quot;&#039;ttcommonsprobold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcarvistregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Regular.otf?v=1760972767) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Regular.ttf?v=1760972767) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Regular.woff?v=1760972767) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Regular.woff2?v=1760972767) format(&quot;woff2&quot;);}.ttcarvistregular_text{font-family:&quot;&#039;ttcarvistregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-commons-pro\/\"> TT Commons\u2122 Pro<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-carvist\/\"> TT Carvist<\/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=\"29\"><\/span>\n            <div class=\"font-pairs__title font-pairs__context font__item__font-type ttcommonsprobold_text\" style=\"font-size:29px\">\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 ttcarvistregular_text\" style=\"font-size:25px\">\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=\"25\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttcarvistbold&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Bold.otf?v=1760972767) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Carvist-Bold.ttf?v=1760972767) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.woff?v=1760972767) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Carvist_Bold.woff2?v=1760972767) format(&quot;woff2&quot;);}.ttcarvistbold_text{font-family:&quot;&#039;ttcarvistbold&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.otf?v=1760975882) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Fellows-Regular-1.ttf?v=1760975882) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff?v=1760975882) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Fellows_Regular.woff2?v=1760975882) format(&quot;woff2&quot;);}.ttfellowsregular_text{font-family:&quot;&#039;ttfellowsregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-carvist\/\"> TT Carvist<\/a><span> Bold<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-fellows\/\"> TT Fellows<\/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 ttcarvistbold_text\" style=\"font-size:31px\">\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 ttfellowsregular_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 class=\"font-pairs__item\">\n        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Lakes-Neue-Regular.otf?v=1771027205) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Lakes-Neue-Regular.ttf?v=1771027205) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Lakes_Neue_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Lakes_Neue_Regular.woff?v=1771027205) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Lakes_Neue_Regular.woff2?v=1771027205) format(&quot;woff2&quot;);}.ttlakesneueregular_text{font-family:&quot;&#039;ttlakesneueregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-lakes-neue\/\"> TT Lakes Neue<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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 ttneorisregular_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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Supermolot-Neue-Regular.otf?v=1758326453) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Supermolot-Neue-Regular.ttf?v=1758326453) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.woff?v=1758326453) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Supermolot_Neue_Regular.woff2?v=1758326453) format(&quot;woff2&quot;);}.ttsupermolotneueregular_text{font-family:&quot;&#039;ttsupermolotneueregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-supermolot-neue\/\"> TT Supermolot Neue<\/a><span> Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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 ttneorisregular_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-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Livret-Text-Regular-1.otf?v=1774180952) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Livret-Text-Regular.ttf?v=1774180952) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.woff?v=1774180952) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Livret_Text_Regular.woff2?v=1774180952) format(&quot;woff2&quot;);}.ttlivrettextregular_text{font-family:&quot;&#039;ttlivrettextregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <span class=\"js-load-face\" style=\"display:none\" data-style=\"&lt;style&gt;@font-face{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;font-display:swap;src:url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.ttf?v=1760973428) format(&quot;truetype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT-Neoris-Regular.otf?v=1760973428) format(&quot;opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.eot?#iefix) format(&quot;embedded-opentype&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff?v=1760973428) format(&quot;woff&quot;),url(https:\/\/typetype.org\/ar\/wp-content\/uploads\/TT_Neoris_Regular.woff2?v=1760973428) format(&quot;woff2&quot;);}.ttneorisregular_text{font-family:&quot;&#039;ttneorisregular&#039;, sans-serif&quot;;}&lt;\/style&gt;\"><\/span>        <div class=\"font-pairs__links\">\n            <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-livret\/\"> TT Livret<\/a><span>  Text Regular<\/span> + <a href=\"https:\/\/typetype.org\/ar\/fonts\/tt-neoris-pro\/\"> TT Neoris<\/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 ttneorisregular_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='219' data-per-page='42' data-page-param='paged'><\/div>        <\/div>\n    \n<\/section>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0635\u0641\u062d \u0648\u062c\u0631\u0651\u0628 \u0623\u0641\u0636\u0644 \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u064a \u0627\u0644\u0642\u0627\u062f\u0645. \u0627\u062e\u062a\u0631 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0630\u064a \u064a\u0639\u062c\u0628\u0643 \u0648\u062c\u0631\u0651\u0628\u0647 \u0639\u0644\u0649 \u0627\u0633\u0645 \u0634\u0631\u0643\u062a\u0643 \u0623\u0648 \u0623\u064a \u0646\u0635 \u0622\u062e\u0631.<\/p>\n","protected":false},"author":1590,"featured_media":40140,"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-39950","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/pages\/39950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/users\/1590"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/comments?post=39950"}],"version-history":[{"count":3,"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/pages\/39950\/revisions"}],"predecessor-version":[{"id":39964,"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/pages\/39950\/revisions\/39964"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/media\/40140"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/ar\/wp-json\/wp\/v2\/media?parent=39950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}