/* ========================================================================== Great Dubai — Global Font Family -------------------------------------------------------------------------- Single source of truth for typography across the whole project (frontend, admin, user dashboard, employee, jobs, cars, property, classifieds and general modules). This file is linked as the LAST stylesheet inside every , so it overrides the fonts shipped by Bootstrap, AdminLTE, the themes and any Google Font that is still being pulled in. Change the font in ONE place: --gd-font-family below. ========================================================================== */ :root { --gd-font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } html, body, * { font-family: var(--gd-font-family) !important; } /* NOTE: ::before / ::after are deliberately NOT forced here. Pseudo-elements inherit the family from their element, so plain text pseudos still get the project font — while an icon declared straight on a pseudo (e.g. `.dropdown-selected::after { font-family: "Font Awesome 6 Free" }`) keeps working, because a matching rule always beats an inherited value. */ /* ========================================================================== Icon fonts — must keep their own family or the glyphs turn into boxes. Every selector below is more specific than `*` AND declared later, so it wins the cascade back for icons only. ========================================================================== */ /* --- Font Awesome 4 / 5 / 6 (solid, regular, light, duotone) -------------- */ .fa, .fas, .far, .fal, .fad, .fa-solid, .fa-regular, .fa-light, .fa-duotone, [class^="fa-"], [class*=" fa-"], .fa::before, .fas::before, .far::before, .fal::before, .fad::before, .fa-solid::before, .fa-regular::before, .fa-light::before, .fa-duotone::before, [class^="fa-"]::before, [class*=" fa-"]::before, [class^="fa-"]::after, [class*=" fa-"]::after { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, fontawesome !important; } /* --- Font Awesome brands (declared after, so it wins for .fab .fa-x) ------ */ .fab, .fa-brands, .fab::before, .fab::after, .fa-brands::before, .fa-brands::after { font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", FontAwesome, fontawesome !important; } /* --- Line Awesome -------------------------------------------------------- */ .la, .las, .lar, .lal, .lad, [class^="la-"], [class*=" la-"], .la::before, .las::before, .lar::before, .lal::before, .lad::before, [class^="la-"]::before, [class*=" la-"]::before { font-family: "Line Awesome Free", "Line-Awesome", LineAwesome !important; } .lab, .lab::before { font-family: "Line Awesome Brands", "Line-Awesome", LineAwesome !important; } /* --- Theme icon sets shipped in /css/icons.css ---------------------------- */ [class^="icon-feather-"], [class*=" icon-feather-"], [class^="icon-feather-"]::before, [class*=" icon-feather-"]::before, .feather, [class^="feather-"], [class*=" feather-"], .feather::before, [class^="feather-"]::before, [class*=" feather-"]::before { font-family: "Feather-Icons" !important; } [class^="icon-line-awesome-"], [class*=" icon-line-awesome-"], [class^="icon-line-awesome-"]::before, [class*=" icon-line-awesome-"]::before { font-family: "Line-Awesome" !important; } [class^="icon-material-"], [class*=" icon-material-"], [class^="icon-material-"]::before, [class*=" icon-material-"]::before, .material-icons, .material-icons::before { font-family: "Material-Icons", "Material Icons" !important; } [class^="icon-brand-"], [class*=" icon-brand-"], [class^="icon-brand-"]::before, [class*=" icon-brand-"]::before { font-family: "Brand-Icons" !important; } /* --- Flaticon ------------------------------------------------------------ */ [class^="flaticon-"], [class*=" flaticon-"], [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { font-family: "Flaticon" !important; } /* --- Themify ------------------------------------------------------------- */ [class^="ti-"], [class*=" ti-"], [class^="ti-"]::before, [class*=" ti-"]::before { font-family: themify !important; } /* --- Simple Line Icons --------------------------------------------------- */ .sl, [class^="sl-icon-"], [class*=" sl-icon-"], .sl::before, [class^="sl-icon-"]::before, [class*=" sl-icon-"]::before { font-family: "simple-line-icons" !important; } /* --- Iconsmind ----------------------------------------------------------- */ .im, [class^="im-icon-"], [class*=" im-icon-"], .im::before, [class^="im-icon-"]::before, [class*=" im-icon-"]::before { font-family: iconsmind !important; } /* --- Ionicons ------------------------------------------------------------ */ .ion, [class^="ion-"], [class*=" ion-"], .ion::before, [class^="ion-"]::before, [class*=" ion-"]::before { font-family: Ionicons !important; } /* --- Bootstrap Icons ----------------------------------------------------- */ .bi, [class^="bi-"], [class*=" bi-"], .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { font-family: bootstrap-icons !important; } /* --- Glyphicons (Bootstrap 3 leftovers) ---------------------------------- */ .glyphicon, .glyphicon::before { font-family: "Glyphicons Halflings" !important; } /* --- FullCalendar -------------------------------------------------------- */ .fc-icon, .fc-icon::before, [class^="fc-icon-"], [class*=" fc-icon-"], [class^="fc-icon-"]::before, [class*=" fc-icon-"]::before { font-family: fcicons !important; } /* --- Summernote / Select2 / DataTables icon glyphs ------------------------ */ .note-icon-caret, .note-icon-caret::before, [class^="note-icon-"], [class*=" note-icon-"], [class^="note-icon-"]::before, [class*=" note-icon-"]::before { font-family: "summernote" !important; } /* --- Fontello (theme social icons in /css/stylesheet*.css) --------------- */ .utf-social-icons li i, .utf-social-icons li i::before, .amazon::before, .appstore::before, .blogger::before, .delicious::before, .digg::before, .dribbble::before, .dropbox::before, .evernote::before, .facebook::before, .fivehundredpx::before, .flickr::before, .forrst::before, .github::before, .gplus::before, .instagram::before, .lastfm::before, .linkedin::before, .paypal::before, .pinterest::before, .reddit::before, .rss::before, .spotify::before, .steam::before, .stumbleupon::before, .tumblr::before, .twitter::before, .vimeo::before, .wordpress::before, .xing::before, .yahoo::before, .youtube::before { font-family: fontello !important; } /* --- Slick carousel arrows / dots ---------------------------------------- */ .slick-prev::before, .slick-next::before, .slick-dots li button::before { font-family: slick !important; } /* --- LineIcons ----------------------------------------------------------- */ .lni, [class^="lni-"], [class*=" lni-"], .lni::before, [class^="lni-"]::before, [class*=" lni-"]::before, a.bl-continue::before { font-family: lineicons !important; }