css: custom style

[casperdcl]

this seems to work fine for me.

p {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

before	after

this PR's build artefact can be downloaded if you want to check locally: github-pages.zip

tips

• inspect page elements in your browser console to find out their classes so you can target them in CSS
  
• vis https://jupyterbook.org/en/stable/advanced/html.html#custom-css-or-javascript
• you could always upload more woff fonts if you want...

  @font-face{
    font-family: "SomeKewlFont";
    src:
      local("SomeKewlFont"),
      url("/_static/SomeKewlFont.woff2") format("woff2"),
      Arial, Helvetica;
  }
  
  p {
    font-family: "SomeKewlFont", sans-serif;
  }

[Janaka-Steph]

It is not clear. You want Georgia, 'Times New Roman', Times, serif on all paragraphs? But then why do you say inspect page elements in your browser console to find out their classes so you can target them in CSS. I don't need classes in this case.

[casperdcl]

No I don't want Georgia on all paras 😅

Context:

• aim: style site to look more like premai.io (mostly fonts & colours IMO, lemme know if you think differently)
• @johnsBeharry mentioned he struggled to get css working in this repo, so I opened this PR as a PoC to demonstrate it working

In practice I guess we need something like

.some-sidebar-class {
  font-family: "someCustomFont";
}

etc...

[Janaka-Steph]

Ha ok. Prem App uses a font called Pretendard on both titles and paragraphs. We can do the same.