{"id":413,"date":"2020-02-01T17:26:00","date_gmt":"2020-02-01T17:26:00","guid":{"rendered":"https:\/\/republi.sh\/home\/"},"modified":"2021-01-11T16:18:30","modified_gmt":"2021-01-11T16:18:30","slug":"home","status":"publish","type":"page","link":"https:\/\/republi.sh\/vi\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"fullpage\">\n    <div class=\"section section-intro ui-white\" data-name=\"home\" data-title=\"REPUBLISH\">\n    <div class=\"section-wrap fh\">\n    \t<canvas id=\"new-fonts\" style=\"width: 100vw; height: 100vh\"><\/canvas>\n\n        <script src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/js\/new-fonts-2308\/main.js\"><\/script>\n    <\/div>\n<\/div>\n\n<style>\n    html,\n    body {\n        -webkit-animation: fadein 1s;\n        \/* Safari, Chrome and Opera > 12.1 *\/\n        -moz-animation: fadein 1s;\n        \/* Firefox < 16 *\/\n        -ms-animation: fadein 1s;\n        \/* Internet Explorer *\/\n        -o-animation: fadein 1s;\n        \/* Opera < 12.1 *\/\n        animation: fadein 1s;\n    }\n<\/style>\n    \n        \n<div class=\"section section-font font-khangchien t-default ui-white\" data-name=\"khangchien\" data-title=\"PATRIOT \u2022 KH\u00c1NG CHI\u1ebeN\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#khangchien\">PATRIOT \u2022 KH\u00c1NG CHI\u1ebeN<\/a><\/div>\n    <div class=\"slide\" data-anchor=\"type\">\n        <div class=\"section-wrap type-tester\">\n            <div class=\"type-control\">\n                <div class=\"bt bt-slider relative\">K\u00edch th\u01b0\u1edbc                    <span class=\"relative\"><input class=\"type-control-size\" type=\"range\" id=\"font3_input\" value=\"150\"  min=\"5\" max=\"500\" oninput=\"font3_output.value = font3_input.value\"><output id=\"font3_output\" class=\"font-output\">150<\/output><\/span>\n                <\/div>\n                <div class=\"bt bt-color\">M\u00e0u <i class=\"icon icon-color\"><\/i><\/div>\n                <div class=\"bt bt-select select-sentence\">\n                    <select class=\"type-control-sentence selectpicker\">\n                        <option value=\"vie\" selected=\"selected\" data-text=\"\u0110\u1ed1c g\u01b0\u01a1m thi\u00eang\r\nvung cho n\u01b0\u1edbc nh\u00e0\">Ti\u1ebfng Vi\u1ec7t<\/option>\n                        <option value=\"eng\" data-text=\"Wield our swords\r\nDefend our country \">Ti\u1ebfng Anh<\/option>\n                        <option value=\"alp\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\">B\u1ea3ng ch\u1eef c\u00e1i<\/option>\n                        <option value=\"num\" data-text=\"0123456789\">S\u1ed1<\/option>\n                        <option value=\"sym\" data-text=\".,:;\u2026!\u00a1?\u00bf\u00b7\u2022*#\/\\(){}[]-\u2013\u2014_\u201a\u201e\u201c\u201d\u2018\u2019\u00ab\u00bb\u2039\u203a\"'\">K\u00fd t\u1ef1<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"bt bt-select select-weight\">\n                    <select class=\"font-weight selectpicker\">\n                                                    <option value=\"100\" >Light<\/option>\n                                                    <option value=\"200\" >Normal <\/option>\n                                                    <option value=\"300\" >Regular<\/option>\n                                                    <option value=\"400\" >Medium<\/option>\n                                                    <option value=\"500\" selected=\"selected\">Bold<\/option>\n                                                    <option value=\"600\" >UltraBold<\/option>\n                                                    <option value=\"700\" >Black<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"text-area text-center\">\n                <div class=\"text-layer\" contenteditable=\"true\" spellcheck=\"false\">\u0110\u1ed1c g\u01b0\u01a1m thi\u00eang\r\nvung cho n\u01b0\u1edbc nh\u00e0<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"slide\" data-anchor=\"info\">\n        <div class=\"img-wrapper\"><div class=\"img-holder\"><\/div><\/div>\n        <div class=\"section-wrap type-info\">\n            <div class=\"container d-none d-lg-block\">\n                <div class=\"row\">\n                    <div class=\"col-7 offset-1\">\n                        <p>L\u1ea5y c\u1ea3m h\u1ee9ng t\u1eeb <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-songbookcover.jpg\">ch\u1eef v\u1ebd tay tr\u00ean b\u00eca m\u1ed9t t\u1eadp nh\u1ea1c \u0111\u01b0\u1ee3c l\u01b0u tr\u1eef trong B\u1ea3o t\u00e0ng H\u1ed3 Ch\u00ed Minh<\/a>, Kh\u00e1ng Chi\u1ebfn th\u1ec3 hi\u1ec7n m\u1ed9t tinh th\u1ea7n kh\u1eb3ng kh\u00e1i v\u1edbi d\u00e1ng ch\u1eef \u0111\u1eadm v\u00e0 \u0111\u01b0\u1eddng n\u00e9t ch\u1eafc ch\u1eafn. D\u1ea5u t\u00edch c\u1ee7a tr\u01b0\u1eddng ph\u00e1i Art Deco, Bauhaus v\u00e0 nh\u1eefng \u1ea3nh h\u01b0\u1edfng c\u1ee7a Ch\u1ee7 ngh\u0129a ki\u1ebfn t\u1ea1o \u0111\u01b0\u1ee3c duy tr\u00ec trong b\u1ed9 ch\u1eef s\u1ed1 ho\u00e1, gi\u00fap truy\u1ec1n t\u1ea3i t\u00ednh kh\u1ea9u hi\u1ec7u v\u00e0 ph\u00f3ng kho\u00e1ng khi \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng h\u1ee3p l\u00fd.<\/p>\n<p>Kh\u00e1ng Chi\u1ebfn l\u00e0 b\u1ed9 ch\u1eef trang tr\u00ed kh\u00f4ng ch\u00e2n v\u1edbi nhi\u1ec1u \u0111i\u1ec3m n\u1ed5i b\u1eadt: nh\u1eefng n\u00e9t ngang l\u1ec7ch chu\u1ea9n v\u00e0 n\u00e9t ch\u00e9o ph\u00e1 c\u00e1ch. T\u00ednh \u201cc\u00f4ng nghi\u1ec7p\u201d (industrialist) c\u00f9ng s\u1ef1 ch\u1eafc ch\u1eafn c\u1ee7a khung ch\u1eef, kh\u00f4ng c\u00f3 t\u01b0\u01a1ng ph\u1ea3n r\u00f5 r\u1ec7t gi\u1eefa c\u00e1c n\u00e9t m\u1ecfng v\u00e0 n\u00e9t d\u00e0y c\u0169ng \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua 6 bi\u1ebfn th\u1ec3 c\u1ee7a b\u1ed9 ch\u1eef Kh\u00e1ng Chi\u1ebfn: Light, Regular, Normal, Medium, Bold, UltraBold v\u00e0 Black.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-article-v1.0.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"col-3 offset-1 text-small\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nJanuary 2021<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\nHo\u00e0ng L\u00ea<\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n1.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Request more glyphs<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-specimen-v1.0.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-v1.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"container d-block d-lg-none\">\n                <div class=\"row m-type-slider\">\n                    <div class=\"m-slide\">\n                        <p>L\u1ea5y c\u1ea3m h\u1ee9ng t\u1eeb <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-songbookcover.jpg\">ch\u1eef v\u1ebd tay tr\u00ean b\u00eca m\u1ed9t t\u1eadp nh\u1ea1c \u0111\u01b0\u1ee3c l\u01b0u tr\u1eef trong B\u1ea3o t\u00e0ng H\u1ed3 Ch\u00ed Minh<\/a>, Kh\u00e1ng Chi\u1ebfn th\u1ec3 hi\u1ec7n m\u1ed9t tinh th\u1ea7n kh\u1eb3ng kh\u00e1i v\u1edbi d\u00e1ng ch\u1eef \u0111\u1eadm v\u00e0 \u0111\u01b0\u1eddng n\u00e9t ch\u1eafc ch\u1eafn. D\u1ea5u t\u00edch c\u1ee7a tr\u01b0\u1eddng ph\u00e1i Art Deco, Bauhaus v\u00e0 nh\u1eefng \u1ea3nh h\u01b0\u1edfng c\u1ee7a Ch\u1ee7 ngh\u0129a ki\u1ebfn t\u1ea1o \u0111\u01b0\u1ee3c duy tr\u00ec trong b\u1ed9 ch\u1eef s\u1ed1 ho\u00e1, gi\u00fap truy\u1ec1n t\u1ea3i t\u00ednh kh\u1ea9u hi\u1ec7u v\u00e0 ph\u00f3ng kho\u00e1ng khi \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng h\u1ee3p l\u00fd.<\/p>\n<p>Kh\u00e1ng Chi\u1ebfn l\u00e0 b\u1ed9 ch\u1eef trang tr\u00ed kh\u00f4ng ch\u00e2n v\u1edbi nhi\u1ec1u \u0111i\u1ec3m n\u1ed5i b\u1eadt: nh\u1eefng n\u00e9t ngang l\u1ec7ch chu\u1ea9n v\u00e0 n\u00e9t ch\u00e9o ph\u00e1 c\u00e1ch. T\u00ednh \u201cc\u00f4ng nghi\u1ec7p\u201d (industrialist) c\u00f9ng s\u1ef1 ch\u1eafc ch\u1eafn c\u1ee7a khung ch\u1eef, kh\u00f4ng c\u00f3 t\u01b0\u01a1ng ph\u1ea3n r\u00f5 r\u1ec7t gi\u1eefa c\u00e1c n\u00e9t m\u1ecfng v\u00e0 n\u00e9t d\u00e0y c\u0169ng \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua 6 bi\u1ebfn th\u1ec3 c\u1ee7a b\u1ed9 ch\u1eef Kh\u00e1ng Chi\u1ebfn: Light, Regular, Normal, Medium, Bold, UltraBold v\u00e0 Black.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-article-v1.0.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"m-slide\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nJanuary 2021<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\nHo\u00e0ng L\u00ea<\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n1.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Request more glyphs<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-specimen-v1.0.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-v1.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"section-navigate\">\n        <div class=\"nav type-tester\"><a href=\"#khangchien\">TYPETESTER<\/a><\/div>\n        <div class=\"nav type-info\"><a href=\"#khangchien\/info\">TH\u00d4NG TIN<\/a><\/div>\n    <\/div>\n\n    <div class=\"font_preload\" style=\"opacity: 0;pointer-events: none;\">\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Light.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Light.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Light.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Light.woff') format('woff');\n                    font-weight: 100;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:100\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Normal.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Normal.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Normal.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Normal.woff') format('woff');\n                    font-weight: 200;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:200\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Regular.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Regular.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Regular.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Regular.woff') format('woff');\n                    font-weight: 300;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:300\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Medium.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Medium.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Medium.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Medium.woff') format('woff');\n                    font-weight: 400;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:400\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Bold.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Bold.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Bold.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Bold.woff') format('woff');\n                    font-weight: 500;\n                    font-style: normal;\n                }\n\n                                .section.section-font.font-khangchien .text-layer{font-weight: 500;}\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:500\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-UltraBold.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-UltraBold.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-UltraBold.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-UltraBold.woff') format('woff');\n                    font-weight: 600;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:600\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Patriot';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Black.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Black.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Black.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/02\/Patriot-Black.woff') format('woff');\n                    font-weight: 700;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Patriot';font-weight:700\"><\/span>\n        \n        <style>\n            .section.section-font.font-khangchien .text-layer{\n                font-family: 'Patriot';\n            }\n            \/* FONT SIZE *\/\n            .section.section-font.font-khangchien .type-tester .text-area{font-size: 7vw;}\n            @media only screen and (max-width: 768px) {\n                .section.section-font.font-khangchien .type-tester .text-area{font-size: 14vw;}\n            }\n            \/* FONT COLOR *\/\n            .section.section-font.font-khangchien.t-default .text-layer{color: #ffda40;}\n            \/* BG COLOR *\/\n            .section.section-font.font-khangchien.t-default{background-color: #e20d0f;}\n            \/* UI COLOR *\/\n            .section.section-font.font-khangchien.t-default .type-control-size::-webkit-slider-thumb{background: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .type-control-size::-moz-range-thumb{background: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .type-control-size::-ms-thumb{background: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .dropdown-menu{background-color: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item.selected:focus .bs-ok-default,\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item.selected:hover .bs-ok-default{background-color: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item.active,\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item:active{color: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item:focus,\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item:hover {color: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item:focus .bs-ok-default,\n            .section.section-font.font-khangchien.t-default .dropdown-menu .dropdown-item:hover .bs-ok-default{border: 1px solid #e20d0f;}\n            .section.section-font.font-khangchien.t-default .bootstrap-select .dropdown-toggle{background-color: #e20d0f;}\n            .section.section-font.font-khangchien.t-default .bt-download:hover{color: #e20d0f;}\n\n            \/* FONT HACK *\/\n                        body.fp-viewing-home.section-font.font-khangchien .section-title{color: #000 !important;}\n            body.fp-viewing-home.section-font.font-khangchien .section-title:hover{color: #fff !important;}\n                    <\/style>\n    <\/div>\n\n<\/div>\n<div class=\"section section-font font-finesse t-default ui-black\" data-name=\"finesse\" data-title=\"FINESSE \u2022 M\u1ef8 NGH\u1ec6\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#finesse\">FINESSE \u2022 M\u1ef8 NGH\u1ec6<\/a><\/div>\n    <div class=\"slide\" data-anchor=\"type\">\n        <div class=\"section-wrap type-tester\">\n            <div class=\"type-control\">\n                <div class=\"bt bt-slider relative\">K\u00edch th\u01b0\u1edbc                    <span class=\"relative\"><input class=\"type-control-size\" type=\"range\" id=\"font3_input\" value=\"150\"  min=\"5\" max=\"500\" oninput=\"font3_output.value = font3_input.value\"><output id=\"font3_output\" class=\"font-output\">150<\/output><\/span>\n                <\/div>\n                <div class=\"bt bt-color\">M\u00e0u <i class=\"icon icon-color\"><\/i><\/div>\n                <div class=\"bt bt-select select-sentence\">\n                    <select class=\"type-control-sentence selectpicker\">\n                        <option value=\"vie\" selected=\"selected\" data-text=\"Anh ph\u00e2n n\u1eeda, ph\u1ea7n em ph\u00e2n n\u1eeda&#xa;Hai n\u1eeda tr\u1eddi th\u01b0\u01a1ng nh\u1edb ng\u1eadp h\u1ed3n\">Ti\u1ebfng Vi\u1ec7t<\/option>\n                        <option value=\"eng\" data-text=\"You and I are two halves,&#xa;Missing each other, world apart\">Ti\u1ebfng Anh<\/option>\n                        <option value=\"alp\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\">B\u1ea3ng ch\u1eef c\u00e1i<\/option>\n                        <option value=\"num\" data-text=\"0123456789\">S\u1ed1<\/option>\n                        <option value=\"sym\" data-text=\".,:;\u2026!\u00a1?\u00bf\u00b7\u2022*#\/\\(){}[]-\u2013\u2014_\u201a\u201e\u201c\u201d\u2018\u2019\u00ab\u00bb\u2039\u203a\"'\">K\u00fd t\u1ef1<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"bt bt-select select-weight\">\n                    <select class=\"font-weight selectpicker\">\n                                                    <option value=\"100\" >Oblique<\/option>\n                                                    <option value=\"200\" >Italic<\/option>\n                                                    <option value=\"300\" >Regular<\/option>\n                                                    <option value=\"400\" selected=\"selected\">Flair<\/option>\n                                                    <option value=\"500\" >Future<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"text-area text-center\">\n                <div class=\"text-layer\" contenteditable=\"true\" spellcheck=\"false\">Anh ph\u00e2n n\u1eeda, ph\u1ea7n em ph\u00e2n n\u1eeda&#xa;Hai n\u1eeda tr\u1eddi th\u01b0\u01a1ng nh\u1edb ng\u1eadp h\u1ed3n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"slide\" data-anchor=\"info\">\n        <div class=\"img-wrapper\"><div class=\"img-holder\"><\/div><\/div>\n        <div class=\"section-wrap type-info\">\n            <div class=\"container d-none d-lg-block\">\n                <div class=\"row\">\n                    <div class=\"col-7 offset-1\">\n                        <p>D\u1ef1a tr\u00ean <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/08\/Finesse-cart.jpg\">nh\u1eefng n\u00e9t ch\u1eef nghi\u00eang tr\u00ean chi\u1ebfc xe \u0111\u1ea9y c\u1ee7a m\u1ed9t th\u1ee3 s\u1eeda \u0111\u1ed3ng h\u1ed3<\/a> \u0111\u01b0\u1ee3c v\u1ebd b\u1edfi h\u1ecda s\u0129 Ho\u00e0i Minh Ph\u01b0\u01a1ng, b\u1ed9 ch\u1eef M\u1ef9 Ngh\u1ec7 (Finesse) \u0111\u01b0a \u0111\u1ebfn m\u1ed9t thi\u1ebft k\u1ebf thi v\u1ecb h\u01a1n nh\u01b0ng v\u1eabn gi\u1eef \u0111\u01b0\u1ee3c tinh th\u1ea7n c\u1ee7a nguy\u00ean t\u00e1c v\u00e0 phong c\u00e1ch c\u1ee7a ng\u01b0\u1eddi ngh\u1ec7 nh\u00e2n. G\u1eedi g\u1eafm s\u1ef1 tr\u00e2n tr\u1ecdng d\u00e0nh cho phong c\u00e1ch v\u1ebd ch\u1eef Vi\u1ec7t mang h\u01a1i h\u01b0\u1edbng ngh\u1ec7 thu\u1eadt th\u1ee7 c\u00f4ng, M\u1ef9 Ngh\u1ec7 c\u1ed1 g\u1eafng gi\u1eef l\u1ea1i nh\u1eefng n\u00e9t \u0111i\u1ec3n h\u00ecnh c\u1ee7a ki\u1ec3u ch\u1eef g\u1ed1c, c\u00f9ng l\u00fac \u0111\u00f3 bi\u1ebfn \u0111\u1ed5i \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi tinh th\u1ea7n c\u1ee7a m\u1ed9t ph\u00f4ng ch\u1eef s\u1ed1 ho\u00e1: ch\u00ednh x\u00e1c, khu\u00f4n th\u01b0\u1edbc v\u00e0 hoa m\u1ef9 h\u01a1n.<\/p>\n<p>M\u1ef9 Ngh\u1ec7 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c x\u1ebfp chung v\u1edbi nh\u00f3m ki\u1ec3u ch\u1eef vi\u1ebft tay; phong c\u00e1ch c\u00f3 s\u1ef1 t\u01b0\u01a1ng \u0111\u1ed3ng v\u1edbi ki\u1ec3u ch\u1eef \u201cCh\u00e2n Ph\u01b0\u01a1ng\u201d (Casual Script) s\u1eed d\u1ee5ng c\u1ecd d\u1eb9t (flat brush), gi\u00fap t\u1ea1o s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n gi\u1eefa c\u00e1c n\u00e9t thanh v\u00e0 \u0111\u1eadm, d\u1ef1a tr\u00ean k\u1ef9 thu\u1eadt v\u1ebd ch\u1eef d\u00f9ng c\u1ecd (brush lettering). \u0110\u01b0\u1ee3c ph\u00e1t tri\u1ec3n t\u1eeb bi\u1ebfn th\u1ec3 Oblique (ch\u1eef nghi\u00eang), M\u1ef9 Ngh\u1ec7 bao g\u1ed3m 4 bi\u1ebfn th\u1ec3 kh\u00e1c bao g\u1ed3m Roman, Italic, Flair v\u00e0 Future.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/finesse-article-v1-0\/\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"col-3 offset-1 text-small\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 9\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\nHo\u00e0ng L\u00ea<\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/finesse-specimen-v2-0\/\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/finesse-v2-0\/\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"container d-block d-lg-none\">\n                <div class=\"row m-type-slider\">\n                    <div class=\"m-slide\">\n                        <p>D\u1ef1a tr\u00ean <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/08\/Finesse-cart.jpg\">nh\u1eefng n\u00e9t ch\u1eef nghi\u00eang tr\u00ean chi\u1ebfc xe \u0111\u1ea9y c\u1ee7a m\u1ed9t th\u1ee3 s\u1eeda \u0111\u1ed3ng h\u1ed3<\/a> \u0111\u01b0\u1ee3c v\u1ebd b\u1edfi h\u1ecda s\u0129 Ho\u00e0i Minh Ph\u01b0\u01a1ng, b\u1ed9 ch\u1eef M\u1ef9 Ngh\u1ec7 (Finesse) \u0111\u01b0a \u0111\u1ebfn m\u1ed9t thi\u1ebft k\u1ebf thi v\u1ecb h\u01a1n nh\u01b0ng v\u1eabn gi\u1eef \u0111\u01b0\u1ee3c tinh th\u1ea7n c\u1ee7a nguy\u00ean t\u00e1c v\u00e0 phong c\u00e1ch c\u1ee7a ng\u01b0\u1eddi ngh\u1ec7 nh\u00e2n. G\u1eedi g\u1eafm s\u1ef1 tr\u00e2n tr\u1ecdng d\u00e0nh cho phong c\u00e1ch v\u1ebd ch\u1eef Vi\u1ec7t mang h\u01a1i h\u01b0\u1edbng ngh\u1ec7 thu\u1eadt th\u1ee7 c\u00f4ng, M\u1ef9 Ngh\u1ec7 c\u1ed1 g\u1eafng gi\u1eef l\u1ea1i nh\u1eefng n\u00e9t \u0111i\u1ec3n h\u00ecnh c\u1ee7a ki\u1ec3u ch\u1eef g\u1ed1c, c\u00f9ng l\u00fac \u0111\u00f3 bi\u1ebfn \u0111\u1ed5i \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi tinh th\u1ea7n c\u1ee7a m\u1ed9t ph\u00f4ng ch\u1eef s\u1ed1 ho\u00e1: ch\u00ednh x\u00e1c, khu\u00f4n th\u01b0\u1edbc v\u00e0 hoa m\u1ef9 h\u01a1n.<\/p>\n<p>M\u1ef9 Ngh\u1ec7 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c x\u1ebfp chung v\u1edbi nh\u00f3m ki\u1ec3u ch\u1eef vi\u1ebft tay; phong c\u00e1ch c\u00f3 s\u1ef1 t\u01b0\u01a1ng \u0111\u1ed3ng v\u1edbi ki\u1ec3u ch\u1eef \u201cCh\u00e2n Ph\u01b0\u01a1ng\u201d (Casual Script) s\u1eed d\u1ee5ng c\u1ecd d\u1eb9t (flat brush), gi\u00fap t\u1ea1o s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n gi\u1eefa c\u00e1c n\u00e9t thanh v\u00e0 \u0111\u1eadm, d\u1ef1a tr\u00ean k\u1ef9 thu\u1eadt v\u1ebd ch\u1eef d\u00f9ng c\u1ecd (brush lettering). \u0110\u01b0\u1ee3c ph\u00e1t tri\u1ec3n t\u1eeb bi\u1ebfn th\u1ec3 Oblique (ch\u1eef nghi\u00eang), M\u1ef9 Ngh\u1ec7 bao g\u1ed3m 4 bi\u1ebfn th\u1ec3 kh\u00e1c bao g\u1ed3m Roman, Italic, Flair v\u00e0 Future.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/finesse-article-v1-0\/\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"m-slide\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 9\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\nHo\u00e0ng L\u00ea<\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/finesse-specimen-v2-0\/\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/finesse-v2-0\/\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"section-navigate\">\n        <div class=\"nav type-tester\"><a href=\"#finesse\">TYPETESTER<\/a><\/div>\n        <div class=\"nav type-info\"><a href=\"#finesse\/info\">TH\u00d4NG TIN<\/a><\/div>\n    <\/div>\n\n    <div class=\"font_preload\" style=\"opacity: 0;pointer-events: none;\">\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Finesse';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Oblique-2.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Oblique-2.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Oblique-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Oblique-1.woff') format('woff');\n                    font-weight: 100;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Finesse';font-weight:100\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Finesse';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Italic-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Italic-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Italic-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Italic-1.woff') format('woff');\n                    font-weight: 200;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Finesse';font-weight:200\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Finesse';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Roman-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Roman-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Roman-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Roman-1.woff') format('woff');\n                    font-weight: 300;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Finesse';font-weight:300\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Finesse';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Flair-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Flair-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Flair-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Flair-1.woff') format('woff');\n                    font-weight: 400;\n                    font-style: normal;\n                }\n\n                                .section.section-font.font-finesse .text-layer{font-weight: 400;}\n                \n            <\/style>\n            <span style=\"font-family:'Finesse';font-weight:400\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Finesse';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Future-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Future-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Future-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Finesse-Future-1.woff') format('woff');\n                    font-weight: 500;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Finesse';font-weight:500\"><\/span>\n        \n        <style>\n            .section.section-font.font-finesse .text-layer{\n                font-family: 'Finesse';\n            }\n            \/* FONT SIZE *\/\n            .section.section-font.font-finesse .type-tester .text-area{font-size: 5.5vw;}\n            @media only screen and (max-width: 768px) {\n                .section.section-font.font-finesse .type-tester .text-area{font-size: 11vw;}\n            }\n            \/* FONT COLOR *\/\n            .section.section-font.font-finesse.t-default .text-layer{color: #461691;}\n            \/* BG COLOR *\/\n            .section.section-font.font-finesse.t-default{background-color: #8acff2;}\n            \/* UI COLOR *\/\n            .section.section-font.font-finesse.t-default .type-control-size::-webkit-slider-thumb{background: #8acff2;}\n            .section.section-font.font-finesse.t-default .type-control-size::-moz-range-thumb{background: #8acff2;}\n            .section.section-font.font-finesse.t-default .type-control-size::-ms-thumb{background: #8acff2;}\n            .section.section-font.font-finesse.t-default .dropdown-menu{background-color: #8acff2;}\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item.selected:focus .bs-ok-default,\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item.selected:hover .bs-ok-default{background-color: #8acff2;}\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item.active,\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item:active{color: #8acff2;}\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item:focus,\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item:hover {color: #8acff2;}\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item:focus .bs-ok-default,\n            .section.section-font.font-finesse.t-default .dropdown-menu .dropdown-item:hover .bs-ok-default{border: 1px solid #8acff2;}\n            .section.section-font.font-finesse.t-default .bootstrap-select .dropdown-toggle{background-color: #8acff2;}\n            .section.section-font.font-finesse.t-default .bt-download:hover{color: #8acff2;}\n\n            \/* FONT HACK *\/\n                        body.fp-viewing-home.section-font.font-finesse .section-title{color: #fff !important;}\n            body.fp-viewing-home.section-font.font-finesse .section-title:hover{color: #000 !important;}\n                    <\/style>\n    <\/div>\n\n<\/div>\n<div class=\"section section-font font-danhda t-default ui-white\" data-name=\"danhda\" data-title=\"\u0110ANH \u0110\u00c1\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#danhda\">\u0110ANH \u0110\u00c1<\/a><\/div>\n    <div class=\"slide\" data-anchor=\"type\">\n        <div class=\"section-wrap type-tester\">\n            <div class=\"type-control\">\n                <div class=\"bt bt-slider relative\">K\u00edch th\u01b0\u1edbc                    <span class=\"relative\"><input class=\"type-control-size\" type=\"range\" id=\"font3_input\" value=\"150\"  min=\"5\" max=\"500\" oninput=\"font3_output.value = font3_input.value\"><output id=\"font3_output\" class=\"font-output\">150<\/output><\/span>\n                <\/div>\n                <div class=\"bt bt-color\">M\u00e0u <i class=\"icon icon-color\"><\/i><\/div>\n                <div class=\"bt bt-select select-sentence\">\n                    <select class=\"type-control-sentence selectpicker\">\n                        <option value=\"vie\" selected=\"selected\" data-text=\"C\u00e1c vi\u1ec7c c\u1ea7n k\u00edp \u0111\u1ec3 cho&#xa;\u0111\u01b0\u1ee3c Nam-N\u1eef b\u00ecnh \u0111\u1eb3ng\">Ti\u1ebfng Vi\u1ec7t<\/option>\n                        <option value=\"eng\" data-text=\"Well-behaved women&#xa;seldom make history\">Ti\u1ebfng Anh<\/option>\n                        <option value=\"alp\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\">B\u1ea3ng ch\u1eef c\u00e1i<\/option>\n                        <option value=\"num\" data-text=\"0123456789\">S\u1ed1<\/option>\n                        <option value=\"sym\" data-text=\".,:;\u2026!\u00a1?\u00bf\u00b7\u2022*#\/\\(){}[]-\u2013\u2014_\u201a\u201e\u201c\u201d\u2018\u2019\u00ab\u00bb\u2039\u203a\"'\">K\u00fd t\u1ef1<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"bt bt-select select-weight\">\n                    <select class=\"font-weight selectpicker\">\n                                                    <option value=\"100\" selected=\"selected\">Bold<\/option>\n                                                    <option value=\"200\" >Outline<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"text-area text-center\">\n                <div class=\"text-layer\" contenteditable=\"true\" spellcheck=\"false\">C\u00e1c vi\u1ec7c c\u1ea7n k\u00edp \u0111\u1ec3 cho&#xa;\u0111\u01b0\u1ee3c Nam-N\u1eef b\u00ecnh \u0111\u1eb3ng<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"slide\" data-anchor=\"info\">\n        <div class=\"img-wrapper\"><div class=\"img-holder\"><\/div><\/div>\n        <div class=\"section-wrap type-info\">\n            <div class=\"container d-none d-lg-block\">\n                <div class=\"row\">\n                    <div class=\"col-7 offset-1\">\n                        <p>\u0110anh \u0110\u00e1 ra \u0111\u1eddi l\u00e0 k\u1ebft qu\u1ea3 c\u1ee7a s\u1ef1 h\u1ee3p t\u00e1c v\u1edbi ch\u1ecb <a href=\"http:\/\/www.huongngo.com\" target=\"_blank\" rel=\"noopener\">H\u01b0\u01a1ng Ng\u00f4<\/a>, m\u1ed9t ngh\u1ec7 s\u0129 s\u1ed1ng t\u1ea1i Chicago trong d\u1ef1 \u00e1n &#8220;To Name It Is To See It&#8221;, sau n\u00e0y c\u0169ng d\u1ea7n tr\u1edf th\u00e0nh b\u1ed9 nh\u1eadn di\u1ec7n th\u1ecb gi\u00e1c (visual identity) c\u1ee7a ri\u00eang c\u00f4. Kh\u00e1c v\u1edbi nh\u1eefng ph\u00f4ng ch\u1eef trong d\u1ef1 \u00e1n \u0111\u1ec1u b\u1eaft ngu\u1ed3n t\u1eeb m\u1ed9t ki\u1ec3u ch\u1eef \u0111\u01a1n l\u1ebb, &#8220;\u0110anh \u0110\u00e1&#8221; l\u00e0 s\u1ef1 t\u1ed5ng h\u00f2a c\u00e1c t\u01b0 li\u1ec7u v\u1ec1 ki\u1ec3u ch\u1eef t\u1eeb nhi\u1ec1u \u0111\u1ea7u <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/danhda-ref.gif\">t\u1ea1p ch\u00ed v\u1ec1 ph\u1ee5 n\u1eef trong th\u1ebf k\u1ef7 20.<\/a><\/p>\n<p>\u0110anh \u0110\u00e1 l\u00e0 ki\u1ec3u ch\u1eef kh\u00f4ng ch\u00e2n, n\u00e9t \u0111\u1eadm v\u00e0 phom \u1ed1m (bold &amp; condensed), mang d\u1ea5u \u1ea5n c\u1ee7a phong c\u00e1ch Art Deco trong th\u1eddi k\u00ec Ph\u00e1p thu\u1ed9c, c\u00f9ng v\u1edbi n\u00e9t m\u1ea1nh m\u1ebd, c\u1ee9ng c\u00e1p \u0111\u1ea7y tinh t\u1ebf theo phong c\u00e1ch tranh c\u1ed5 \u0111\u1ed9ng. B\u1ed9 ch\u1eef c\u00f3 hai bi\u1ebfn th\u1ec3: Bold v\u00e0 Outline, tuy ch\u1ec9 c\u00f3 \u0110anh \u0110\u00e1 Bold l\u00e0 \u0111\u01b0\u1ee3c t\u1ea3i v\u1ec1 mi\u1ec5n ph\u00ed.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/ProposalsForATranslation_byHuongNgo_compressed-1.pdf\" target=\"_blank\" rel=\"noopener\">&#8220;Proposals for a Translation&#8221; t\u00e1c ph\u1ea9m b\u1edfi H\u01b0\u01a1ng Ng\u00f4, 2017<\/a><\/p>\n                    <\/div>\n                    <div class=\"col-3 offset-1 text-small\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/DanhDa-specimen-v2.0-1.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Danhda-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"container d-block d-lg-none\">\n                <div class=\"row m-type-slider\">\n                    <div class=\"m-slide\">\n                        <p>\u0110anh \u0110\u00e1 ra \u0111\u1eddi l\u00e0 k\u1ebft qu\u1ea3 c\u1ee7a s\u1ef1 h\u1ee3p t\u00e1c v\u1edbi ch\u1ecb <a href=\"http:\/\/www.huongngo.com\" target=\"_blank\" rel=\"noopener\">H\u01b0\u01a1ng Ng\u00f4<\/a>, m\u1ed9t ngh\u1ec7 s\u0129 s\u1ed1ng t\u1ea1i Chicago trong d\u1ef1 \u00e1n &#8220;To Name It Is To See It&#8221;, sau n\u00e0y c\u0169ng d\u1ea7n tr\u1edf th\u00e0nh b\u1ed9 nh\u1eadn di\u1ec7n th\u1ecb gi\u00e1c (visual identity) c\u1ee7a ri\u00eang c\u00f4. Kh\u00e1c v\u1edbi nh\u1eefng ph\u00f4ng ch\u1eef trong d\u1ef1 \u00e1n \u0111\u1ec1u b\u1eaft ngu\u1ed3n t\u1eeb m\u1ed9t ki\u1ec3u ch\u1eef \u0111\u01a1n l\u1ebb, &#8220;\u0110anh \u0110\u00e1&#8221; l\u00e0 s\u1ef1 t\u1ed5ng h\u00f2a c\u00e1c t\u01b0 li\u1ec7u v\u1ec1 ki\u1ec3u ch\u1eef t\u1eeb nhi\u1ec1u \u0111\u1ea7u <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/danhda-ref.gif\">t\u1ea1p ch\u00ed v\u1ec1 ph\u1ee5 n\u1eef trong th\u1ebf k\u1ef7 20.<\/a><\/p>\n<p>\u0110anh \u0110\u00e1 l\u00e0 ki\u1ec3u ch\u1eef kh\u00f4ng ch\u00e2n, n\u00e9t \u0111\u1eadm v\u00e0 phom \u1ed1m (bold &amp; condensed), mang d\u1ea5u \u1ea5n c\u1ee7a phong c\u00e1ch Art Deco trong th\u1eddi k\u00ec Ph\u00e1p thu\u1ed9c, c\u00f9ng v\u1edbi n\u00e9t m\u1ea1nh m\u1ebd, c\u1ee9ng c\u00e1p \u0111\u1ea7y tinh t\u1ebf theo phong c\u00e1ch tranh c\u1ed5 \u0111\u1ed9ng. B\u1ed9 ch\u1eef c\u00f3 hai bi\u1ebfn th\u1ec3: Bold v\u00e0 Outline, tuy ch\u1ec9 c\u00f3 \u0110anh \u0110\u00e1 Bold l\u00e0 \u0111\u01b0\u1ee3c t\u1ea3i v\u1ec1 mi\u1ec5n ph\u00ed.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/ProposalsForATranslation_byHuongNgo_compressed-1.pdf\" target=\"_blank\" rel=\"noopener\">&#8220;Proposals for a Translation&#8221; t\u00e1c ph\u1ea9m b\u1edfi H\u01b0\u01a1ng Ng\u00f4, 2017<\/a><\/p>\n                    <\/div>\n                    <div class=\"m-slide\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/DanhDa-specimen-v2.0-1.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Danhda-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"section-navigate\">\n        <div class=\"nav type-tester\"><a href=\"#danhda\">TYPETESTER<\/a><\/div>\n        <div class=\"nav type-info\"><a href=\"#danhda\/info\">TH\u00d4NG TIN<\/a><\/div>\n    <\/div>\n\n    <div class=\"font_preload\" style=\"opacity: 0;pointer-events: none;\">\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'DanhDa';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Bold.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Bold.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Bold.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Bold.woff') format('woff');\n                    font-weight: 100;\n                    font-style: normal;\n                }\n\n                                .section.section-font.font-danhda .text-layer{font-weight: 100;}\n                \n            <\/style>\n            <span style=\"font-family:'DanhDa';font-weight:100\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'DanhDa';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Outline.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Outline.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Outline.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/DanhDa-Outline.woff') format('woff');\n                    font-weight: 200;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'DanhDa';font-weight:200\"><\/span>\n        \n        <style>\n            .section.section-font.font-danhda .text-layer{\n                font-family: 'DanhDa';\n            }\n            \/* FONT SIZE *\/\n            .section.section-font.font-danhda .type-tester .text-area{font-size: 11vw;}\n            @media only screen and (max-width: 768px) {\n                .section.section-font.font-danhda .type-tester .text-area{font-size: 22vw;}\n            }\n            \/* FONT COLOR *\/\n            .section.section-font.font-danhda.t-default .text-layer{color: #ffde8a;}\n            \/* BG COLOR *\/\n            .section.section-font.font-danhda.t-default{background-color: #890d7a;}\n            \/* UI COLOR *\/\n            .section.section-font.font-danhda.t-default .type-control-size::-webkit-slider-thumb{background: #890d7a;}\n            .section.section-font.font-danhda.t-default .type-control-size::-moz-range-thumb{background: #890d7a;}\n            .section.section-font.font-danhda.t-default .type-control-size::-ms-thumb{background: #890d7a;}\n            .section.section-font.font-danhda.t-default .dropdown-menu{background-color: #890d7a;}\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item.selected:focus .bs-ok-default,\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item.selected:hover .bs-ok-default{background-color: #890d7a;}\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item.active,\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item:active{color: #890d7a;}\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item:focus,\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item:hover {color: #890d7a;}\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item:focus .bs-ok-default,\n            .section.section-font.font-danhda.t-default .dropdown-menu .dropdown-item:hover .bs-ok-default{border: 1px solid #890d7a;}\n            .section.section-font.font-danhda.t-default .bootstrap-select .dropdown-toggle{background-color: #890d7a;}\n            .section.section-font.font-danhda.t-default .bt-download:hover{color: #890d7a;}\n\n            \/* FONT HACK *\/\n                        body.fp-viewing-home.section-font.font-danhda .section-title{color: #000 !important;}\n            body.fp-viewing-home.section-font.font-danhda .section-title:hover{color: #fff !important;}\n                    <\/style>\n    <\/div>\n\n<\/div>\n<div class=\"section section-font font-barber t-default ui-white\" data-name=\"barber\" data-title=\"BARBER \u2022 TH\u1ee2 C\u1ea0O\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#barber\">BARBER \u2022 TH\u1ee2 C\u1ea0O<\/a><\/div>\n    <div class=\"slide\" data-anchor=\"type\">\n        <div class=\"section-wrap type-tester\">\n            <div class=\"type-control\">\n                <div class=\"bt bt-slider relative\">K\u00edch th\u01b0\u1edbc                    <span class=\"relative\"><input class=\"type-control-size\" type=\"range\" id=\"font3_input\" value=\"150\"  min=\"5\" max=\"500\" oninput=\"font3_output.value = font3_input.value\"><output id=\"font3_output\" class=\"font-output\">150<\/output><\/span>\n                <\/div>\n                <div class=\"bt bt-color\">M\u00e0u <i class=\"icon icon-color\"><\/i><\/div>\n                <div class=\"bt bt-select select-sentence\">\n                    <select class=\"type-control-sentence selectpicker\">\n                        <option value=\"vie\" selected=\"selected\" data-text=\"H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M\">Ti\u1ebfng Vi\u1ec7t<\/option>\n                        <option value=\"eng\" data-text=\"FOR THE BEST BARBER GO TO DISTRICT 5\">Ti\u1ebfng Anh<\/option>\n                        <option value=\"alp\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\">B\u1ea3ng ch\u1eef c\u00e1i<\/option>\n                        <option value=\"num\" data-text=\"0123456789\">S\u1ed1<\/option>\n                        <option value=\"sym\" data-text=\".,:;...!\u00a1?\u00bf\u00b7\u2022*#\u2044\/\\(){}[]-\u2013\u2014_\u201a\u201e\u201c\u201d\u2018\u2019\u00ab\u00bb\u2039\u203a\"'\u00a2$\u20ab\u20ac\u00a3\u00a5+\u2212\u00d7\u00f7=\u2260><~^%\u2030@&\u00b6\u00a9\u00ae\u2122\u00b0|\u00a6\u2020\u2021\u2116\u2191\u2197\u2192\u2198\u2193\u2199\u2190\u2196\u2194\u2195\">K\u00fd t\u1ef1<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"bt bt-select select-weight\">\n                    <select class=\"font-layer selectpicker\" multiple data-selected-text-format=\"static\" title=\"Layers\">\n                                                        <option value=\"100\" selected=\"selected\">Fill<\/option>\n                                                        <option value=\"200\" selected=\"selected\">Outline<\/option>\n                                                        <option value=\"300\" selected=\"selected\">Right<\/option>\n                                                        <option value=\"400\" selected=\"selected\">Shadow<\/option>\n                                                        <option value=\"500\" >Complete<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"text-area text-center\">\n                                        <div class=\"multi-layer text-layer layer-1 active\" data-layer=\"100\" contenteditable=\"true\" spellcheck=\"false\">H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M<\/div>\n                                                            <div class=\"multi-layer text-layer layer-2 active\" data-layer=\"200\" contenteditable=\"true\" spellcheck=\"false\">H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M<\/div>\n                                                            <div class=\"multi-layer text-layer layer-3 active\" data-layer=\"300\" contenteditable=\"true\" spellcheck=\"false\">H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M<\/div>\n                                                            <div class=\"multi-layer text-layer layer-4 active\" data-layer=\"400\" contenteditable=\"true\" spellcheck=\"false\">H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M<\/div>\n                                                            <div class=\"multi-layer text-layer layer-5 \" data-layer=\"500\" contenteditable=\"true\" spellcheck=\"false\">H\u1edaT T\u00d3C H\u00d9NG &#xa;U\u1ed0N \u00c9P S\u1ea4Y G\u1ed8I NHU\u1ed8M<\/div>\n                                                <\/div>\n        <\/div>\n\n    <\/div>\n    <div class=\"slide\" data-anchor=\"info\">\n        <div class=\"img-wrapper\"><div class=\"img-holder\"><\/div><\/div>\n        <div class=\"section-wrap type-info\">\n            <div class=\"container d-none d-lg-block\">\n                <div class=\"row\">\n                    <div class=\"col-7 offset-1\">\n                        <p>B\u1ed9 ch\u1eef Th\u1ee3 C\u1ea1o l\u00e0 \u0111\u1ea1i di\u1ec7n cho th\u1eddi k\u1ef3 r\u1ef1c r\u1ee1 c\u1ee7a ngh\u1ec7 thu\u1eadt v\u1ebd bi\u1ec3n hi\u1ec7u t\u1ea1i Vi\u1ec7t Nam. Nh\u1eefng bi\u1ec3n hi\u1ec7u \u0111\u01b0\u1ee3c v\u1ebd b\u1eb1ng tay t\u1eebng r\u1ea5t ph\u1ed5 bi\u1ebfn t\u1ea1i c\u00e1c \u0111\u00f4 th\u1ecb gi\u1edd ch\u1ec9 th\u1ea5p tho\u00e1ng b\u00f3ng d\u00e1ng tr\u01b0\u1edbc m\u1eb7t ti\u1ec1n c\u1ee7a v\u00e0i c\u1eeda h\u00e0ng nh\u1ecf t\u1ea1i khu v\u1ef1c Ch\u1ee3 L\u1edbn. B\u1ed9 ch\u1eef n\u00e0y \u0111\u01b0\u1ee3c v\u1ebd d\u1ef1a tr\u00ean nh\u1eefng v\u1ebft t\u00edch c\u00f2n s\u00f3t l\u1ea1i\u2014<a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/04\/barber-sign.jpg\">bi\u1ec3n hi\u1ec7u c\u1ee7a m\u1ed9t ti\u1ec7m c\u1eaft t\u00f3c<\/a> t\u1ea1i Qu\u1eadn 5, S\u00e0i G\u00f2n v\u00e0o gi\u1eefa nh\u1eefng n\u0103m 80. \u0110\u1ebfn cu\u1ed1i n\u0103m 2018, bi\u1ec3n hi\u1ec7u c\u0169 c\u1ee7a ti\u1ec7m c\u1eaft t\u00f3c \u0111\u00e3 \u0111\u01b0\u1ee3c thay th\u1ebf, l\u00f9i v\u1ec1 ph\u00eda sau m\u1ed9t t\u1ea5m bi\u1ec3n b\u1eb1ng kim lo\u1ea1i l\u1edbn v\u00e0 m\u1edbi h\u01a1n.<\/p>\n<p>B\u1ed9 ch\u1eef vi\u1ebft hoa \u0111a s\u1eafc Th\u1ee3 C\u1ea1o bao g\u1ed3m 4 bi\u1ebfn th\u1ec3 ph\u00f4ng. Vi\u1ec7c x\u1ebfp ch\u1ed3ng nh\u1eefng l\u1edbp ph\u00f4ng ch\u1eef kh\u00e1c nhau t\u1ea1o hi\u1ec7u \u1ee9ng \u0111a chi\u1ec1u, v\u1edbi \u00e1nh s\u00e1ng v\u00e0 b\u00f3ng \u0111\u1ed5, t\u01b0\u01a1ng \u0111\u1ed3ng v\u1edbi tr\u00ean bi\u1ec3n hi\u1ec7u g\u1ed1c. Phong c\u00e1ch n\u00e0y ch\u1ecbu nhi\u1ec1u \u1ea3nh h\u01b0\u1edfng b\u1edfi ngh\u1ec7 thu\u1eadt v\u1ebd ch\u1eef ch\u00e2u \u00c2u v\u00e0o th\u1ebf k\u1ef7 19 v\u00e0 20.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-article-v1.0-1.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"col-3 offset-1 text-small\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\/\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><br \/>\n<a href=\"http:\/\/minh.works\/\" target=\"_blank\" rel=\"noopener\">Minh Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-specimen-v2.0-1.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"container d-block d-lg-none\">\n                <div class=\"row m-type-slider\">\n                    <div class=\"m-slide\">\n                        <p>B\u1ed9 ch\u1eef Th\u1ee3 C\u1ea1o l\u00e0 \u0111\u1ea1i di\u1ec7n cho th\u1eddi k\u1ef3 r\u1ef1c r\u1ee1 c\u1ee7a ngh\u1ec7 thu\u1eadt v\u1ebd bi\u1ec3n hi\u1ec7u t\u1ea1i Vi\u1ec7t Nam. Nh\u1eefng bi\u1ec3n hi\u1ec7u \u0111\u01b0\u1ee3c v\u1ebd b\u1eb1ng tay t\u1eebng r\u1ea5t ph\u1ed5 bi\u1ebfn t\u1ea1i c\u00e1c \u0111\u00f4 th\u1ecb gi\u1edd ch\u1ec9 th\u1ea5p tho\u00e1ng b\u00f3ng d\u00e1ng tr\u01b0\u1edbc m\u1eb7t ti\u1ec1n c\u1ee7a v\u00e0i c\u1eeda h\u00e0ng nh\u1ecf t\u1ea1i khu v\u1ef1c Ch\u1ee3 L\u1edbn. B\u1ed9 ch\u1eef n\u00e0y \u0111\u01b0\u1ee3c v\u1ebd d\u1ef1a tr\u00ean nh\u1eefng v\u1ebft t\u00edch c\u00f2n s\u00f3t l\u1ea1i\u2014<a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/04\/barber-sign.jpg\">bi\u1ec3n hi\u1ec7u c\u1ee7a m\u1ed9t ti\u1ec7m c\u1eaft t\u00f3c<\/a> t\u1ea1i Qu\u1eadn 5, S\u00e0i G\u00f2n v\u00e0o gi\u1eefa nh\u1eefng n\u0103m 80. \u0110\u1ebfn cu\u1ed1i n\u0103m 2018, bi\u1ec3n hi\u1ec7u c\u0169 c\u1ee7a ti\u1ec7m c\u1eaft t\u00f3c \u0111\u00e3 \u0111\u01b0\u1ee3c thay th\u1ebf, l\u00f9i v\u1ec1 ph\u00eda sau m\u1ed9t t\u1ea5m bi\u1ec3n b\u1eb1ng kim lo\u1ea1i l\u1edbn v\u00e0 m\u1edbi h\u01a1n.<\/p>\n<p>B\u1ed9 ch\u1eef vi\u1ebft hoa \u0111a s\u1eafc Th\u1ee3 C\u1ea1o bao g\u1ed3m 4 bi\u1ebfn th\u1ec3 ph\u00f4ng. Vi\u1ec7c x\u1ebfp ch\u1ed3ng nh\u1eefng l\u1edbp ph\u00f4ng ch\u1eef kh\u00e1c nhau t\u1ea1o hi\u1ec7u \u1ee9ng \u0111a chi\u1ec1u, v\u1edbi \u00e1nh s\u00e1ng v\u00e0 b\u00f3ng \u0111\u1ed5, t\u01b0\u01a1ng \u0111\u1ed3ng v\u1edbi tr\u00ean bi\u1ec3n hi\u1ec7u g\u1ed1c. Phong c\u00e1ch n\u00e0y ch\u1ecbu nhi\u1ec1u \u1ea3nh h\u01b0\u1edfng b\u1edfi ngh\u1ec7 thu\u1eadt v\u1ebd ch\u1eef ch\u00e2u \u00c2u v\u00e0o th\u1ebf k\u1ef7 19 v\u00e0 20.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-article-v1.0-1.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"m-slide\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\/\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><br \/>\n<a href=\"http:\/\/minh.works\/\" target=\"_blank\" rel=\"noopener\">Minh Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-specimen-v2.0-1.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Barber-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"section-navigate\">\n        <div class=\"nav type-tester\"><a href=\"#barber\">TYPETESTER<\/a><\/div>\n        <div class=\"nav type-info\"><a href=\"#barber\/info\">TH\u00d4NG TIN<\/a><\/div>\n    <\/div>\n\n    <div class=\"font_preload\" style=\"opacity: 0;pointer-events: none;\">\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Barber';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Fill-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Fill-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Fill-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Fill-1.woff') format('woff');\n                    font-weight: 100;\n                    font-style: normal;\n                }\n            <\/style>\n            <span style=\"font-family:'Barber';font-weight:100\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Barber';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Outline-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Outline-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Outline-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Outline-1.woff') format('woff');\n                    font-weight: 200;\n                    font-style: normal;\n                }\n            <\/style>\n            <span style=\"font-family:'Barber';font-weight:200\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Barber';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Right-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Right-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Right-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Right-1.woff') format('woff');\n                    font-weight: 300;\n                    font-style: normal;\n                }\n            <\/style>\n            <span style=\"font-family:'Barber';font-weight:300\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Barber';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Shadow-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Shadow-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Shadow-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Shadow-1.woff') format('woff');\n                    font-weight: 400;\n                    font-style: normal;\n                }\n            <\/style>\n            <span style=\"font-family:'Barber';font-weight:400\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Barber';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Complete-1.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Complete-1.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Complete-1.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Barber-Complete-1.woff') format('woff');\n                    font-weight: 500;\n                    font-style: normal;\n                }\n            <\/style>\n            <span style=\"font-family:'Barber';font-weight:500\"><\/span>\n        \n        <style>\n            .section.section-font.font-barber .text-layer{font-family: 'Barber';}\n            \/* FONT SIZE *\/\n            .section.section-font.font-barber .type-tester .text-area{font-size: 7vw;}\n            @media only screen and (max-width: 768px) {\n                .section.section-font.font-barber .type-tester .text-area{font-size: 14vw;}\n            }\n            \/* FONT COLOR *\/\n            \n            .section.section-font.font-barber.t-default .text-layer.layer-1{\n                color: #e20d0f;\n                z-index: 1;\n                font-weight: 100;\n            }\n                            \n            .section.section-font.font-barber.t-default .text-layer.layer-2{\n                color: #ffffff;\n                z-index: 2;\n                font-weight: 200;\n            }\n                            \n            .section.section-font.font-barber.t-default .text-layer.layer-3{\n                color: #ffd243;\n                z-index: 3;\n                font-weight: 300;\n            }\n                            \n            .section.section-font.font-barber.t-default .text-layer.layer-4{\n                color: #e89e0b;\n                z-index: 4;\n                font-weight: 400;\n            }\n                            \n            .section.section-font.font-barber.t-default .text-layer.layer-5{\n                color: #ffffff;\n                z-index: 5;\n                font-weight: 500;\n            }\n                            \n            \/* BG COLOR *\/\n            .section.section-font.font-barber.t-default{background-color: #1241ad;}\n            \/* UI COLOR *\/\n            .section.section-font.font-barber.t-default .type-control-size::-webkit-slider-thumb{background: #1241ad;}\n            .section.section-font.font-barber.t-default .type-control-size::-moz-range-thumb{background: #1241ad;}\n            .section.section-font.font-barber.t-default .type-control-size::-ms-thumb{background: #1241ad;}\n            .section.section-font.font-barber.t-default .dropdown-menu{background-color: #1241ad;}\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item.selected:focus .bs-ok-default,\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item.selected:hover .bs-ok-default{background-color: #1241ad;}\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item.active,\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item:active{color: #1241ad;}\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item:focus,\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item:hover {color: #1241ad;}\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item:focus .bs-ok-default,\n            .section.section-font.font-barber.t-default .dropdown-menu .dropdown-item:hover .bs-ok-default{border: 1px solid #1241ad;}\n            .section.section-font.font-barber.t-default .bootstrap-select .dropdown-toggle{background-color: #1241ad;}\n            .section.section-font.font-barber.t-default .bt-download:hover{color: #1241ad;}\n\n            \/* FONT HACK *\/\n<!--            -->\/*            body.fp-viewing-home.section-font.font-*\/\/* .section-title{color: #fff !important;}*\/\n\/*            body.fp-viewing-home.section-font.font-*\/\/* .section-title:hover{color: #000 !important;}*\/\n\/*            *\/\/*            body.fp-viewing-home.section-font.font-*\/\/* .section-title{color: #000 !important;}*\/\n\/*            body.fp-viewing-home.section-font.font-*\/\/* .section-title:hover{color: #fff !important;}*\/\n\/*            *\/        <\/style>\n    <\/div>\n\n<\/div>\n<div class=\"section section-font font-westgate t-default ui-black\" data-name=\"westgate\" data-title=\"WESTGATE \u2022 C\u1eecA T\u00c2Y\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#westgate\">WESTGATE \u2022 C\u1eecA T\u00c2Y<\/a><\/div>\n    <div class=\"slide\" data-anchor=\"type\">\n        <div class=\"section-wrap type-tester\">\n            <div class=\"type-control\">\n                <div class=\"bt bt-slider relative\">K\u00edch th\u01b0\u1edbc                    <span class=\"relative\"><input class=\"type-control-size\" type=\"range\" id=\"font3_input\" value=\"140\"  min=\"5\" max=\"500\" oninput=\"font3_output.value = font3_input.value\"><output id=\"font3_output\" class=\"font-output\">150<\/output><\/span>\n                <\/div>\n                <div class=\"bt bt-color\">M\u00e0u <i class=\"icon icon-color\"><\/i><\/div>\n                <div class=\"bt bt-select select-sentence\">\n                    <select class=\"type-control-sentence selectpicker\">\n                        <option value=\"vie\" selected=\"selected\" data-text=\"Em T\u00e1m \u01a1i, ch\u1ee3 S\u00e0i G\u00f2n c\u1ea5t m\u1edbi&#xa;Ghe t\u00e0u lui t\u1edbi, b\u1ed1n m\u1eb7t \u0111\u1ec1u xinh\">Ti\u1ebfng Vi\u1ec7t<\/option>\n                        <option value=\"eng\" data-text=\"You can find almost anything you need here, from basic supplies to souvenirs\">Ti\u1ebfng Anh<\/option>\n                        <option value=\"alp\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\">B\u1ea3ng ch\u1eef c\u00e1i<\/option>\n                        <option value=\"num\" data-text=\"0123456789\">S\u1ed1<\/option>\n                        <option value=\"sym\" data-text=\".,:;\u2026!\u00a1?\u00bf\u00b7\u2022*#\/\\(){}[]-\u2013\u2014_\u201a\u201e\u201c\u201d\u2018\u2019\u00ab\u00bb\u2039\u203a\"'\">K\u00fd t\u1ef1<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"bt bt-select select-weight\">\n                    <select class=\"font-weight selectpicker\">\n                                                    <option value=\"100\" >Thin<\/option>\n                                                    <option value=\"200\" >Light<\/option>\n                                                    <option value=\"300\" selected=\"selected\">Regular<\/option>\n                                                    <option value=\"400\" >SemiBold<\/option>\n                                                    <option value=\"500\" >Bold<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"text-area text-center\">\n                <div class=\"text-layer\" contenteditable=\"true\" spellcheck=\"false\">Em T\u00e1m \u01a1i, ch\u1ee3 S\u00e0i G\u00f2n c\u1ea5t m\u1edbi&#xa;Ghe t\u00e0u lui t\u1edbi, b\u1ed1n m\u1eb7t \u0111\u1ec1u xinh<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"slide\" data-anchor=\"info\">\n        <div class=\"img-wrapper\"><div class=\"img-holder\"><\/div><\/div>\n        <div class=\"section-wrap type-info\">\n            <div class=\"container d-none d-lg-block\">\n                <div class=\"row\">\n                    <div class=\"col-7 offset-1\">\n                        <p>B\u1ed9 ch\u1eef C\u1eeda T\u00e2y \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf d\u1ef1a tr\u00ean nh\u1eefng <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/04\/westgate-sign.jpg\">ch\u1eef c\u00e1i trang tr\u00ed b\u1eb1ng b\u00ea t\u00f4ng<\/a> tr\u00ean c\u1eeda B\u1eafc, \u0110\u00f4ng v\u00e0 T\u00e2y c\u1ee7a Ch\u1ee3 B\u1ebfn Th\u00e0nh n\u1ed5i ti\u1ebfng, \u0111\u01b0\u1ee3c l\u1eafp trong \u0111\u1ee3t t\u00f4n t\u1ea1o ch\u1ee3 v\u00e0o gi\u1eefa th\u1ebf k\u1ef7 20. Qua bao bi\u1ebfn c\u1ed1 th\u1eddi gian, nh\u1eefng h\u1ecda t\u00edch \u1ea5y \u0111\u00e3 tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n l\u1ecbch s\u1eed c\u1ee7a khu ch\u1ee3 v\u00e0 s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a S\u00e0i G\u00f2n.<\/p>\n<p>\u0110\u01b0\u1eddng n\u00e9t c\u1ee7a ph\u00f4ng ch\u1eef th\u1ec3 hi\u1ec7n s\u1ef1 uy\u1ec3n chuy\u1ec3n, g\u1ecdn g\u00e0ng nh\u01b0ng tinh t\u1ebf, \u0111\u01b0\u1ee3c truy\u1ec1n c\u1ea3m h\u1ee9ng b\u1edfi phong c\u00e1ch Art Deco \u0111\u1ea7u th\u1ebf k\u1ef7 20 trong th\u1eddi k\u00ec Ph\u00e1p thu\u1ed9c. B\u1ed9 ch\u1eef C\u1eeda T\u00e2y c\u00f3 d\u00e1ng cao (elongated letterforms), k\u1ebft h\u1ee3p c\u00f9ng c\u00e1c n\u00e9t cong v\u00e0 \u0111\u01b0\u1eddng th\u1eb3ng h\u00ecnh h\u1ecdc. \u0110\u1eb7c \u0111i\u1ec3m \u1ea5n t\u01b0\u1ee3ng nh\u1ea5t ch\u00ednh l\u00e0 c\u00e1ch \u0111\u1eb7t d\u1ea5u ti\u1ebfng Vi\u1ec7t kh\u00e9o l\u00e9o, \u0111\u01b0\u1ee3c \u0111an c\u00e0i v\u00e0o phom ch\u1eef t\u1ea1o s\u1ef1 h\u00e0i h\u00f2a t\u1ed5ng th\u1ec3, gi\u00fap gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 k\u00fd t\u1ef1 c\u1ee7a ti\u1ebfng Vi\u1ec7t nh\u01b0ng v\u1eabn \u0111\u1ea3m b\u1ea3o t\u00ednh d\u1ec5 \u0111\u1ecdc c\u1ee7a b\u1ed9 ch\u1eef.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-article-v1.0-1.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"col-3 offset-1 text-small\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u01a1 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-specimen-v2.0.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"container d-block d-lg-none\">\n                <div class=\"row m-type-slider\">\n                    <div class=\"m-slide\">\n                        <p>B\u1ed9 ch\u1eef C\u1eeda T\u00e2y \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf d\u1ef1a tr\u00ean nh\u1eefng <a class=\"img-hover\" href=\"#\" data-src=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/04\/westgate-sign.jpg\">ch\u1eef c\u00e1i trang tr\u00ed b\u1eb1ng b\u00ea t\u00f4ng<\/a> tr\u00ean c\u1eeda B\u1eafc, \u0110\u00f4ng v\u00e0 T\u00e2y c\u1ee7a Ch\u1ee3 B\u1ebfn Th\u00e0nh n\u1ed5i ti\u1ebfng, \u0111\u01b0\u1ee3c l\u1eafp trong \u0111\u1ee3t t\u00f4n t\u1ea1o ch\u1ee3 v\u00e0o gi\u1eefa th\u1ebf k\u1ef7 20. Qua bao bi\u1ebfn c\u1ed1 th\u1eddi gian, nh\u1eefng h\u1ecda t\u00edch \u1ea5y \u0111\u00e3 tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n l\u1ecbch s\u1eed c\u1ee7a khu ch\u1ee3 v\u00e0 s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a S\u00e0i G\u00f2n.<\/p>\n<p>\u0110\u01b0\u1eddng n\u00e9t c\u1ee7a ph\u00f4ng ch\u1eef th\u1ec3 hi\u1ec7n s\u1ef1 uy\u1ec3n chuy\u1ec3n, g\u1ecdn g\u00e0ng nh\u01b0ng tinh t\u1ebf, \u0111\u01b0\u1ee3c truy\u1ec1n c\u1ea3m h\u1ee9ng b\u1edfi phong c\u00e1ch Art Deco \u0111\u1ea7u th\u1ebf k\u1ef7 20 trong th\u1eddi k\u00ec Ph\u00e1p thu\u1ed9c. B\u1ed9 ch\u1eef C\u1eeda T\u00e2y c\u00f3 d\u00e1ng cao (elongated letterforms), k\u1ebft h\u1ee3p c\u00f9ng c\u00e1c n\u00e9t cong v\u00e0 \u0111\u01b0\u1eddng th\u1eb3ng h\u00ecnh h\u1ecdc. \u0110\u1eb7c \u0111i\u1ec3m \u1ea5n t\u01b0\u1ee3ng nh\u1ea5t ch\u00ednh l\u00e0 c\u00e1ch \u0111\u1eb7t d\u1ea5u ti\u1ebfng Vi\u1ec7t kh\u00e9o l\u00e9o, \u0111\u01b0\u1ee3c \u0111an c\u00e0i v\u00e0o phom ch\u1eef t\u1ea1o s\u1ef1 h\u00e0i h\u00f2a t\u1ed5ng th\u1ec3, gi\u00fap gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 k\u00fd t\u1ef1 c\u1ee7a ti\u1ebfng Vi\u1ec7t nh\u01b0ng v\u1eabn \u0111\u1ea3m b\u1ea3o t\u00ednh d\u1ec5 \u0111\u1ecdc c\u1ee7a b\u1ed9 ch\u1eef.<\/p>\n<p class=\"text-small\"><a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-article-v1.0-1.pdf\" target=\"_blank\" rel=\"noopener\">\u0110\u1ecdc b\u00e0i vi\u1ebft<\/a><\/p>\n                    <\/div>\n                    <div class=\"m-slide\">\n                        <p><label>Ph\u00e1t h\u00e0nh<\/label><br \/>\nTh\u00e1ng 4\/2020<\/p>\n<p><label>Thi\u1ebft k\u1ebf<\/label><br \/>\n<a href=\"https:\/\/onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">Giang Nguy\u1ec5n<\/a><\/p>\n<p><label>Phi\u00ean b\u1ea3n<\/label><br \/>\n2.0<\/p>\n<p><label>H\u1ed7 tr\u01a1 ng\u00f4n ng\u1eef<\/label><br \/>\nTi\u1ebfng Latin c\u01a1 b\u1ea3n &amp; Ti\u1ebfng Vi\u1ec7t<br \/>\n<a href=\"mailto:republish@onbehalfof.studio\" target=\"_blank\" rel=\"noopener\">\u0110\u1ec1 xu\u1ea5t th\u00eam c\u00e1c k\u00fd t\u1ef1 kh\u00e1c<\/a><\/p>\n<p><label>Type specimen<\/label><br \/>\n<a href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-specimen-v2.0.pdf\" target=\"_blank\" rel=\"noopener\">T\u1ea3i v\u1ec1<\/a><\/p>\n<p><a class=\"bt bt-download\" href=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/Westgate-v2.0-1.zip\">T\u1ea3i ph\u00f4ng ch\u1eef<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"section-navigate\">\n        <div class=\"nav type-tester\"><a href=\"#westgate\">TYPETESTER<\/a><\/div>\n        <div class=\"nav type-info\"><a href=\"#westgate\/info\">TH\u00d4NG TIN<\/a><\/div>\n    <\/div>\n\n    <div class=\"font_preload\" style=\"opacity: 0;pointer-events: none;\">\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Westgate';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Thin.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Thin.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Thin.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Thin.woff') format('woff');\n                    font-weight: 100;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Westgate';font-weight:100\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Westgate';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Light.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Light.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Light.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Light.woff') format('woff');\n                    font-weight: 200;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Westgate';font-weight:200\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Westgate';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Regular.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Regular.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Regular.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Regular.woff') format('woff');\n                    font-weight: 300;\n                    font-style: normal;\n                }\n\n                                .section.section-font.font-westgate .text-layer{font-weight: 300;}\n                \n            <\/style>\n            <span style=\"font-family:'Westgate';font-weight:300\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Westgate';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Semibold.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Semibold.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Semibold.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Semibold.woff') format('woff');\n                    font-weight: 400;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Westgate';font-weight:400\"><\/span>\n        \n            <style>\n                \/* FONT FACE *\/\n                \n                @font-face {\n                    font-family: 'Westgate';\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Bold.eot');\n                    src: url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Bold.eot?#iefix') format('embedded-opentype'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Bold.woff2') format('woff2'),\n                    url('https:\/\/republi.sh\/wp-content\/uploads\/2021\/01\/Westgate-Bold.woff') format('woff');\n                    font-weight: 500;\n                    font-style: normal;\n                }\n\n                \n            <\/style>\n            <span style=\"font-family:'Westgate';font-weight:500\"><\/span>\n        \n        <style>\n            .section.section-font.font-westgate .text-layer{\n                font-family: 'Westgate';\n            }\n            \/* FONT SIZE *\/\n            .section.section-font.font-westgate .type-tester .text-area{font-size: 8vw;}\n            @media only screen and (max-width: 768px) {\n                .section.section-font.font-westgate .type-tester .text-area{font-size: 16vw;}\n            }\n            \/* FONT COLOR *\/\n            .section.section-font.font-westgate.t-default .text-layer{color: #0d9e8f;}\n            \/* BG COLOR *\/\n            .section.section-font.font-westgate.t-default{background-color: #ffd243;}\n            \/* UI COLOR *\/\n            .section.section-font.font-westgate.t-default .type-control-size::-webkit-slider-thumb{background: #ffd243;}\n            .section.section-font.font-westgate.t-default .type-control-size::-moz-range-thumb{background: #ffd243;}\n            .section.section-font.font-westgate.t-default .type-control-size::-ms-thumb{background: #ffd243;}\n            .section.section-font.font-westgate.t-default .dropdown-menu{background-color: #ffd243;}\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item.selected:focus .bs-ok-default,\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item.selected:hover .bs-ok-default{background-color: #ffd243;}\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item.active,\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item:active{color: #ffd243;}\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item:focus,\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item:hover {color: #ffd243;}\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item:focus .bs-ok-default,\n            .section.section-font.font-westgate.t-default .dropdown-menu .dropdown-item:hover .bs-ok-default{border: 1px solid #ffd243;}\n            .section.section-font.font-westgate.t-default .bootstrap-select .dropdown-toggle{background-color: #ffd243;}\n            .section.section-font.font-westgate.t-default .bt-download:hover{color: #ffd243;}\n\n            \/* FONT HACK *\/\n                        body.fp-viewing-home.section-font.font-westgate .section-title{color: #fff !important;}\n            body.fp-viewing-home.section-font.font-westgate .section-title:hover{color: #000 !important;}\n                    <\/style>\n    <\/div>\n\n<\/div>\n    \n    <div class=\"section section-about ui-black t-black\" data-name=\"about\" data-title=\"ABOUT\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#about\">ABOUT<\/a><\/div>\n    <div class=\"section-wrap\">\n\n        <div class=\"container d-none d-lg-block\">\n                    <\/div>\n\n        <div class=\"container d-block d-lg-none fh\">\n                    <\/div>\n\n                        <div class=\"deco draggable\"><img class=\"svg\" data-color=\"2C9E10\" src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/images\/2.svg\"\"><\/div>\n                            <div class=\"deco draggable\"><img class=\"svg\" data-color=\"0D9E8F\" src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/images\/3.svg\"\"><\/div>\n                            <div class=\"deco draggable\"><img class=\"svg\" data-color=\"461691\" src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/images\/4.svg\"\"><\/div>\n                            <div class=\"deco draggable d-none d-lg-block\"><img class=\"svg\" data-color=\"FFA9AC\" src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/images\/5.svg\"\"><\/div>\n                            <div class=\"deco draggable d-none d-lg-block\"><img class=\"svg\" data-color=\"9DDD85\" src=\"https:\/\/republi.sh\/wp-content\/themes\/republish\/BLANK\/images\/6.svg\"\"><\/div>\n                <\/div>\n<\/div>    <div class=\"section section-credits ui-white t-white\" data-name=\"credits\" data-title=\"CREDITS\">\n    <div class=\"section-title\"><a class=\"section-title-wrap\" href=\"#credits\">CREDITS<\/a><\/div>\n    <div class=\"section-wrap\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <a href=\"#home\"><div class=\"bt btt\">BACK TO TOP<\/div><\/a>\n<\/div><\/div>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Republish \u2014\u00a0A Vietnamese Typography Project<\/title>\n<meta name=\"description\" content=\"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/republi.sh\/vi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Republish \u2014\u00a0A Vietnamese Typography Project\" \/>\n<meta property=\"og:description\" content=\"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/republi.sh\/vi\/\" \/>\n<meta property=\"og:site_name\" content=\"Republish\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-11T16:18:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1344\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_tw-scaled.jpg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/republi.sh\/#website\",\"url\":\"https:\/\/republi.sh\/\",\"name\":\"Republish\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/republi.sh\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi-VN\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/republi.sh\/vi\/#primaryimage\",\"inLanguage\":\"vi-VN\",\"url\":\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg\",\"contentUrl\":\"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg\",\"width\":2560,\"height\":1344},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/republi.sh\/vi\/#webpage\",\"url\":\"https:\/\/republi.sh\/vi\/\",\"name\":\"Republish \u2014\u00a0A Vietnamese Typography Project\",\"isPartOf\":{\"@id\":\"https:\/\/republi.sh\/#website\"},\"datePublished\":\"2020-02-01T17:26:00+00:00\",\"dateModified\":\"2021-01-11T16:18:30+00:00\",\"description\":\"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.\",\"breadcrumb\":{\"@id\":\"https:\/\/republi.sh\/vi\/#breadcrumb\"},\"inLanguage\":\"vi-VN\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/republi.sh\/vi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/republi.sh\/vi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/republi.sh\/vi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Republish \u2014\u00a0A Vietnamese Typography Project","description":"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/republi.sh\/vi\/","og_locale":"vi_VN","og_type":"article","og_title":"Republish \u2014\u00a0A Vietnamese Typography Project","og_description":"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.","og_url":"https:\/\/republi.sh\/vi\/","og_site_name":"Republish","article_modified_time":"2021-01-11T16:18:30+00:00","og_image":[{"width":2560,"height":1344,"url":"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_tw-scaled.jpg","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/republi.sh\/#website","url":"https:\/\/republi.sh\/","name":"Republish","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/republi.sh\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi-VN"},{"@type":"ImageObject","@id":"https:\/\/republi.sh\/vi\/#primaryimage","inLanguage":"vi-VN","url":"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg","contentUrl":"https:\/\/republi.sh\/wp-content\/uploads\/2020\/05\/thumb_fb-scaled.jpg","width":2560,"height":1344},{"@type":"WebPage","@id":"https:\/\/republi.sh\/vi\/#webpage","url":"https:\/\/republi.sh\/vi\/","name":"Republish \u2014\u00a0A Vietnamese Typography Project","isPartOf":{"@id":"https:\/\/republi.sh\/#website"},"datePublished":"2020-02-01T17:26:00+00:00","dateModified":"2021-01-11T16:18:30+00:00","description":"Republish is a community project by Behalf Studio that seeks to research Vietnamese typographic remnants and revive them into digital typefaces and fonts.","breadcrumb":{"@id":"https:\/\/republi.sh\/vi\/#breadcrumb"},"inLanguage":"vi-VN","potentialAction":[{"@type":"ReadAction","target":["https:\/\/republi.sh\/vi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/republi.sh\/vi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/republi.sh\/vi\/"},{"@type":"ListItem","position":2,"name":"Home"}]}]}},"_links":{"self":[{"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/pages\/413"}],"collection":[{"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":2,"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/pages\/413\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/republi.sh\/vi\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}