Theme development

I'm getting a really big headache.
I set one font for the main theme and another for the admin theme.

When I open an 'editable view' with 'colorbox node' the select field shows the text with the correct font in the selected option, but a different font in the dropdown list.

A font that I don't know where it comes from, since I checked all the modules involved and in the deve tools I can't see any css tags overwriting the theme font.

Who helps me to understand what is happening?
Many thanks

My website uses a hero slider and if you are on, say, the 4th bullet and select download, after the image downloads, the slider doesn't stay on the 4th image, but rather goes back to the start of the slideshow. Is there a way to stay on the image you left off on before downloading?

Thanks!

Hi

Spent a couple of hours trying to figure out something I assumed would be really easy but I'm not getting it

I have over ridden my views-view-fields.html.twig file and that works fine

I render my fields using {{ fields.uid.content }} and that also works fine

What doesn't is if I try and run an if statement over it. 

fields.uid.0 returns nothing

fields.uid.value also returns nothing

fields.uid causes an error

so how do I do something like 

{% if fields.uid.content == 'John' %} ...

I want to change something in twig, but one of my template doesn't have suggestion name.

 THEME DEBUG 
 THEME HOOK: 'views_mini_pager' 
 BEGIN OUTPUT from 'themes/bootstrap/templates/views/views-mini-pager.html.twig' 

I found this code on forum:

If you're not familiar with Instagram, you are allowed one link your bio. A lot of people use products like linkin.bio or linktr.ee as landing page to then link to blog posts. I have a Drupal 8 blog and thought why not solve this problem the Drupal way, so it brings people directly to my site and uses the same theming. But after days of trying out a few different things, I'm at a loss. 

Hi guys.

How to get a pager of comments in template node.html.twig?