Cannot render certain LaTeX symbols after changing notebook's font using CSS

[angela-zhao]

I'm having trouble rending certain LaTeX symbols in the newest version of Jupyter Notebook when I change the notebook's font using CSS.

Current versions: jupyter core : 4.7.0 jupyter-notebook : 6.1.5

The same code works fine on the following version of Jupyter: jupyter core : 4.6.3 jupyter-notebook : 6.0.3

Here is the minimum code to reproduce the issue:

Cell 1 (Code)

%%HTML
<!-- execute this cell before continue -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<style>
    .reveal * { font-family: "Lato" !important; } 
    .reveal .code_cell * { font-family: monospace !important; }    
    ul.sublist li {list-style-type: circle;}
    tbody.center-text tr td { text-align: center; }
</style>

Cell 2 (Markdown)

Math here: $\mathcal{N}$
Figure math:
$$\mathcal{N}$$

The symbols show up correctly in the Jupyter Notebook, but it's not rendering in the RISE slideshow.

This is what it shows up as in the slideshow:

It works as expected when I do not execute the first cell:

UPDATE: I have found the solution here: https://stackoverflow.com/a/58866858