关闭网站字体松散后的Fancybox3图像

I am using Fancybox 3.0 to open some images on a website. I use this code in head tags:

    <!-- INCLUDE FANCYBOX -->
    <link rel="stylesheet" type="text/css" href="./fancybox3/dist/jquery.fancybox.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>        
    <script src="./fancybox3/dist/jquery.fancybox.min.js"></script>

And the body code is: < a data-fancybox href="image.jpg" > xxxx < /a >

When i click on xxxx link, the image is opening in a fancybox popup, but after i close the image pressing X button, all of my websites fonts are changing smaller or greater in some divs. How can i solve this annoying problem ???

Thanks