Sorry but we are not entirely certain of the issue, see on my screencast below, the hover effect of your grid is exactly the same in backend and frontend. Please clarify, perhaps provide us screencast showing the issue.
Regarding the font, I see that on your custom CSS you set the custom font as
font-family: 'blackstone'; But that is not how you named the font on Font Manager.
So on your custom CSS, you should use
font-family: "Custom Font Family";
I think why this font renders properly on your end is because you have the font
blackstone on your local computer, that is why the site still renders the correct font on your end, but not on viewers with no
blackstone font installed locally.