@AllMediaLab I am afraid Its not possible to do what you are looking for with Pinegrow just yet, it would be perfect if we could, that would be the ultimate goal, to just add a block and only the CSS for that block.
The idea of the kits are, they are design tools like a framework -The restaurant kit includes a number of fonts which are commonly used across restaurant websites and the CSS is organised in one file so its easy to just to remove the CSS or files you don’t need.
There is a trade off in that you save time designing and creating a protype website - but need to spend some time cleaning up the project post project (if you care about this).
The way I am looking at getting around this is, in the next update to use SASS now that Pinegrow supports it quite well and organise the code so its modular and you can just detach the files you don’t use - eg if you don’t use reviews, detach the _reviews.SCSS file
I will consider removing all the fonts as this was just an idea to help users with limited design skills choose a suitable font for their restaurant site.
In the mean time, the simple solution is to create one master page, choose the font you want or remove them all in a code editor or by detaching them in Pinegrow and duplicate this page throughout the project.This would only take a couple of seconds.
The Style sheets are clearly organized and labeled, and use specificity so no block inherits code from another block which prevents conflicts with other CSS used from elsewhere - This also means you should easily have a handle on what block uses a certain font (which you can change in the visual editor with just a click) or the code it uses in general by looking at the first div class - eg pg-restaurant-header-1. If you only use say 10 blocks, you just need to search for these in the file editor, post project, copy the CSS into another file and maybe paste it all back in - again this should only take a couple of minutes.