MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Set Roboto as default font and add Osaka font for titles

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-01-30 06:47:06 +00:00
parent 162fd5e250
commit 515539590a
7 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/media/css/fonts/osaka.css Normal file
View File

@@ -0,0 +1,13 @@
/**
* @package MokoCassiopeia
* @copyright (C) 2026 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 3 or later
*/
@font-face {
font-family: 'Osaka';
src: url('../../fonts/osaka-re.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

1
src/media/css/user.css
View File

@@ -20,6 +20,7 @@
/* Site title styling - match nav background color */
.site-title {
color: var(--nav-bg-color);
font-family: 'Osaka', sans-serif;
font-weight: 600;
font-size: 1.5rem;
text-decoration: none;

3
src/templates/component.php
View File

@@ -100,6 +100,9 @@ try {
// Scripts
$wa->useScript('template.js');
// Load Osaka font for site title
$wa->useStyle('template.font.osaka');
/**
* VirtueMart detection:
* - Component must exist and be enabled

3
src/templates/error.php
View File

@@ -89,6 +89,9 @@ try {
// Scripts
$wa->useScript('template.js');
// Load Osaka font for site title
$wa->useStyle('template.font.osaka');
// Smart Bootstrap component loading - only load what's needed
if ($this->countModules('drawer-left', true) || $this->countModules('drawer-right', true)) {
// Load Bootstrap Offcanvas component for drawers

3
src/templates/index.php
View File

@@ -121,6 +121,9 @@ try {
// Scripts
$wa->useScript('template.js');
// Load Osaka font for site title
$wa->useStyle('template.font.osaka');
// Load GTM script if GTM is enabled
if (!empty($params_googletagmanager) && !empty($params_googletagmanagerid)) {
$wa->useScript('gtm.js');

6
src/templates/joomla.asset.json
View File

@@ -46,6 +46,12 @@
"uri": "media/templates/site/mokocassiopeia/css/user.min.css",
"attributes": {"media": "all"}
},
{
"name": "template.font.osaka",
"type": "style",
"uri": "media/templates/site/mokocassiopeia/css/fonts/osaka.css",
"attributes": {"media": "all"}
},
{
"name": "template.editor",
"type": "style",

2
src/templates/templateDetails.xml
View File

@@ -202,7 +202,7 @@
<!-- Typography -->
<field name="theme_sep_typo" type="spacer" label="Typography" hr="false" class="text fw-bold" />
<field name="useFontScheme" type="groupedlist" label="TPL_MOKOCASSIOPEIA_FONT_LABEL" default="0">
<field name="useFontScheme" type="groupedlist" label="TPL_MOKOCASSIOPEIA_FONT_LABEL" default="media/templates/site/mokocassiopeia/css/colors/fonts-local_roboto.css">
<option value="0">JNONE</option>
<group label="TPL_MOKOCASSIOPEIA_FONT_GROUP_LOCAL">
<option value="media/templates/site/mokocassiopeia/css/colors/fonts-local_roboto.css">Roboto (local)</option>