While implementing the notifications via EngagesSpot. It adds two stylesheets one for engagespot and another one for fonts.
As displayed in the below picture:
Due to this,(fonts style-sheet >> https://fonts.googleapis.com/css?family=Montserrat:100,200,400").Custom css gets distorted. Is there any way to fix this issue?
I don't think it's the Google font that's breaking your CSS. Some CSS properties in the engagespot.css file might be overriding your CSS. We'll be soon releasing an update that fixes these CSS issues for some websites.