Deployed app to heroku started crashing after adding fonts, CSP issues

See more:

Javascript

HTML5

Node.js

Heroku

I have a nodeJs, express, mongodb todo list project running on server side and rendering ejs templates.when running on local server it works fine However I deployed the project to heroku and it was working almost a month ago, yesterday I experimented with the CSS a little and added a few fonts but the app crashed. Any help how to get this back.

What I have tried:

I have changed the meta tag in headers multiple times, This is what I have right now

<meta charset="UTF-8">
<!-- <meta http-equiv="Content-Security-Policy" content="style-src 'self' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com;"> -->
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' data:gap: 'unsafe-eval' ws: ;
style-src 'self' 'unsafe-inline' ;
font-src * https://fonts.googleapis.com ;
font-src * https://fonts.gstatic.com ;

">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

I removed all the fonts from the CSS stylesheets file, all to no avail, any help will be greatly appreciated,
One more important thing, only one endpoints crashes, but its the index of the todo app: /activities
the page itself in show.ejs does not have any embedded fonts, and alos the app works fine locally