Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/190.63d912dc.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[190],{2633:function(t,e,n){"use strict";n.r(e);var s=n(118),a=n(194),c=n(1);e.default=function(){return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(a.a,{variant:"h4",className:"mb-24",children:"Changing default font"}),Object(c.jsx)(a.a,{className:"mb-16",component:"p",children:"There is two way to inject font-family."}),Object(c.jsxs)("ul",{className:"list-decimal ml-16",children:[Object(c.jsxs)("li",{children:[Object(c.jsx)(a.a,{className:"mb-24",children:"You can add the font link inside head of the public/index.html."}),Object(c.jsx)(s.a,{component:"pre",className:"language-html mb-24",children:'\n <link href="https://fonts.googleapis.com/css?family=Roboto&subset=vietnamese" rel="stylesheet">\n '})]}),Object(c.jsxs)("li",{children:[Object(c.jsx)(a.a,{className:"mb-24",children:"You can install typeface font package and import like we do at src/index.js"}),Object(c.jsx)(s.a,{component:"pre",className:"language-jsx mb-24",children:"\n import 'typeface-roboto';\n "})]})]}),Object(c.jsxs)(a.a,{className:"mt-16 mb-8",component:"p",children:["You need to add ",Object(c.jsx)("code",{children:"typography.fontFamily"})," values into the desired theme config at"," ",Object(c.jsx)("code",{children:"src/app/fuse-configs/themesConfig"})]}),Object(c.jsx)(s.a,{component:"pre",className:"language-jsx mb-24",children:"\n\t\t\t\t\tdefault : {\n\t\t\t\t\t typography: {\n\t\t\t\t\t\tfontFamily: [\n\t\t\t\t\t\t\t'Roboto',\n\t\t\t\t\t\t\t'\"Helvetica\"',\n\t\t\t\t\t\t\t'Arial',\n\t\t\t\t\t\t\t'sans-serif'\n\t\t\t\t\t\t].join(','),\n\t\t\t\t"}),Object(c.jsxs)(a.a,{className:"mt-16 mb-8",component:"p",children:["There is also font-family assignment at ",Object(c.jsx)("code",{children:"src/styles/index.css"})]}),Object(c.jsx)(s.a,{component:"pre",className:"language-css mb-24",children:"\n\t\t\t\t\thtml {\n\t\t\t\t\t\tfont-size: 62.5%;\n\t\t\t\t\t\tfont-family: Roboto, Helvetica Neue, Arial, sans-serif;\n\t\t\t\t\t\tbackground-color: #121212;\n\t\t\t\t\t}\n\t\t\t\t"})]})}}}]);
Mini Shell