/* Apply a new font to the entire OJS site */
body {
font-family: 'Roboto', sans-serif; /* Example font: Roboto */
font-size: 16px; /* Adjust base font size as needed */
line-height: 1.6; /* Improve readability */
}
/* Adjust headings for better visual hierarchy */
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif; /* A slab serif for headings */
font-weight: 700; /* Bold headings */
line-height: 1.2;
margin-bottom: 0.5em; /* Spacing below headings */
}
/* Adjust paragraph spacing */
p {
font-family: 'Roboto', sans-serif; /* Example font: Roboto */
margin-bottom: 1em;
}
/* Adjust links for readability */
a {
color: #007bff; /* Example link color */
text-decoration: none; /* Remove underline */
}
a:hover {
text-decoration: underline; /* Add underline on hover */
}
/* If you need to specify fonts for specific parts of OJS, use more specific selectors. For example, for the journal title: */
.page_title {
font-family: 'Roboto Slab', serif;
font-size: 2em;
font-weight: 700;
}
/* For the navigation menu: */
.pkp_structure_nav_menu a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
/* For article abstracts: */
.abstract {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.7;
}
/* If you want to change the font of the article body, you will probably need to inspect the html of your specific OJS installation, as the class or id may vary. */
.article-details .html { /* Example selector. Inspect your OJS install to find the correct selector. */
font-family: 'Roboto', sans-serif;
}
/* How to add the font: */
/* Option 1: Using Google Fonts (Recommended) */
/* Add this to the of your OJS theme's header.tpl or using the Custom Header Plugin */