Waldue's Font Overhaul en

Installations 22 Likes 5

I am a noob if it comes to CSS, but thanks to the internet, and let's be honest, our good ole Kanka Discord and #css-help, as well as our wizards there, I manage to make some pretty decent things. And try and error. More error, but I digress.

This plugin is copied from Olessan's Calligraphic Headings one and reworked and tweaked it a bit to be more fitting to what I wanted for my campaign. And thanks to Salvatos, who helped make it really beautiful.

So a big thanks to Olessan and Salvatos, I should probably buy them a beer or something similar.

If the fonts do not work, you should add this at the very top of your custom CSS:

@import url('https://fonts.googleapis.com/css2?family=Hind+Guntur&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');

Capaign-Name as well as headers with and without the plugin

Latest version 1.3 View content

Released 11 months ago

Updated the font-sizes to accommodate V1.41. h6 was the same size as h5 and unformatted text, so I updated the size.

Plugin CSS for 1.3


/*This is a simple overhaul to the general fonts used for the headers*/
/*as well as the general text and the campaign name in the sidebar.*/

@import url('https://fonts.googleapis.com/css2?family=Hind+Guntur&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Great+Primer+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');

/*if this does not work*/
/*import the fonts manually and put them on top of your CSS*/

/* Entity-Name with shadow */
.entity-name {
    display: inline-block;
    font-size: 36px;    
    color: #fff !important;
    text-shadow: 4px 4px 3px black !important;
}
/*end section*/

/*Font-size Entities */
.box-body {
    padding: 10px;
    font-size: 16px;
}
/*end section*/

/*Entity-Icon*/
.entity-header .entity-name-header i.entity-icons {
    margin-left: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
}
/*end section*/

/*Entity-Icon below*/
.entity-header .entity-header-col .entity-header-sub {
    padding-top: 12px;
    color: #fff;
}
/*end section*/

/*ENTITY PAGE NAMES*/
.entity-actions h1 {
margin: 0;
padding: 1px 0px 4px 4px;
font-size: 28px;
letter-spacing: 0.40px;
display: inline-block;
text-align: center;
font-weight: 400;
font-family: 'Cinzel Decorative', cursive, 'Palatino Linotype', fantasy, 'Book Antiqua', Palatino, serif; }
/*END SECTION*/

/*THE FONT EVERYWHERE ELSE*/
body {
letter-spacing: .5px;
font-size: 16px;
font-family: 'Hind Guntur';
line-height: 1.45; }

body a, a, h4, h5, h6 { font-family: 'Hind Guntur'; }
/*END SECTION*/

/*Font size h6 after 1.41*/

h6 {
    font-size: small;
}

/*end section*/

/*new Sidebar Tweak mostly because I am just wildly trying out stuff*/
.main-sidebar .sidebar li .fa, .main-sidebar .sidebar li .fa-brands, .main-sidebar .sidebar li .fa-duotone, .main-sidebar .sidebar li .fa-light, .main-sidebar .sidebar li .fa-regular, .main-sidebar .sidebar li .fa-solid, .main-sidebar .sidebar li .fa-thin, .main-sidebar .sidebar li .fab, .main-sidebar .sidebar li .far, .main-sidebar .sidebar li .fas, .main-sidebar .sidebar li .ra {
  font-size: 16px;
  vertical-align: baseline;
}

.main-sidebar .sidebar-menu li a, .main-sidebar .sidebar-menu li span {
  font-size: 14px;
}

/*End of section*/

/*HEADERS IN ENTITY ARTICLES*/
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, #campaign-dashboard body a, #campaign-dashboard a { font-family: 'Cinzel Decorative'; }
/*END SECTION*/

/*Small dashboard widget fix*/

#campaign-dashboard .panel-body a, #campaign-dashboard .more a { 
font-family: 'Hind Guntur'; 
}
/*end section*/

/*SIDEBAR CAMPAIGN NAME */
section.sidebar-campaign .campaign-block .campaign-head .campaign-name {
font-family: 'IM Fell Great Primer SC';
font-size: 20px;
font-weight: inherit;
margin-bottom: 4px;
line-height: normal;
max-height: 35px; }
/*END SECTION*/