HTML: local web css refer to internet link?











up vote
0
down vote

favorite












I'm reading sourcecode of html files that has something like:



link rel='stylesheet' type="text/css" href="https://<internet-link.../abc.css" />


This website is completely local - run without internet, does this mean some part of this file would not run as expected because its style need to fetch from internet?










share|improve this question


















  • 1




    What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
    – Daniel Tran
    Nov 20 at 2:28










  • yup its clear that css loading from internet.
    – Shiv Kumar Baghel
    Nov 20 at 2:29






  • 3




    Convert it to local file
    – Jared Chu
    Nov 20 at 2:52















up vote
0
down vote

favorite












I'm reading sourcecode of html files that has something like:



link rel='stylesheet' type="text/css" href="https://<internet-link.../abc.css" />


This website is completely local - run without internet, does this mean some part of this file would not run as expected because its style need to fetch from internet?










share|improve this question


















  • 1




    What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
    – Daniel Tran
    Nov 20 at 2:28










  • yup its clear that css loading from internet.
    – Shiv Kumar Baghel
    Nov 20 at 2:29






  • 3




    Convert it to local file
    – Jared Chu
    Nov 20 at 2:52













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I'm reading sourcecode of html files that has something like:



link rel='stylesheet' type="text/css" href="https://<internet-link.../abc.css" />


This website is completely local - run without internet, does this mean some part of this file would not run as expected because its style need to fetch from internet?










share|improve this question













I'm reading sourcecode of html files that has something like:



link rel='stylesheet' type="text/css" href="https://<internet-link.../abc.css" />


This website is completely local - run without internet, does this mean some part of this file would not run as expected because its style need to fetch from internet?







html css






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 20 at 2:27









Tuyen Pham

14919




14919








  • 1




    What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
    – Daniel Tran
    Nov 20 at 2:28










  • yup its clear that css loading from internet.
    – Shiv Kumar Baghel
    Nov 20 at 2:29






  • 3




    Convert it to local file
    – Jared Chu
    Nov 20 at 2:52














  • 1




    What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
    – Daniel Tran
    Nov 20 at 2:28










  • yup its clear that css loading from internet.
    – Shiv Kumar Baghel
    Nov 20 at 2:29






  • 3




    Convert it to local file
    – Jared Chu
    Nov 20 at 2:52








1




1




What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
– Daniel Tran
Nov 20 at 2:28




What is the question? If it's just a YES/NO question. You can disable internet, clear browser cache and test it.
– Daniel Tran
Nov 20 at 2:28












yup its clear that css loading from internet.
– Shiv Kumar Baghel
Nov 20 at 2:29




yup its clear that css loading from internet.
– Shiv Kumar Baghel
Nov 20 at 2:29




3




3




Convert it to local file
– Jared Chu
Nov 20 at 2:52




Convert it to local file
– Jared Chu
Nov 20 at 2:52












1 Answer
1






active

oldest

votes

















up vote
2
down vote



accepted










Yes, without internet no style will be applied. To fix this, you can initially include your online CSS file link and also use a local fallback. If the online file is not found or there is no internet connection, it will include the local one. For example:



<script>
(function($) {
$(function() {
if ($('body').css('color') !== '#000') {
$('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
}
});
})(window.jQuery);</script>


This checks if CSS from your online file was applied to your page and if not, it loads the local CSS file.






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53385342%2fhtml-local-web-css-refer-to-internet-link%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    2
    down vote



    accepted










    Yes, without internet no style will be applied. To fix this, you can initially include your online CSS file link and also use a local fallback. If the online file is not found or there is no internet connection, it will include the local one. For example:



    <script>
    (function($) {
    $(function() {
    if ($('body').css('color') !== '#000') {
    $('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
    }
    });
    })(window.jQuery);</script>


    This checks if CSS from your online file was applied to your page and if not, it loads the local CSS file.






    share|improve this answer

























      up vote
      2
      down vote



      accepted










      Yes, without internet no style will be applied. To fix this, you can initially include your online CSS file link and also use a local fallback. If the online file is not found or there is no internet connection, it will include the local one. For example:



      <script>
      (function($) {
      $(function() {
      if ($('body').css('color') !== '#000') {
      $('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
      }
      });
      })(window.jQuery);</script>


      This checks if CSS from your online file was applied to your page and if not, it loads the local CSS file.






      share|improve this answer























        up vote
        2
        down vote



        accepted







        up vote
        2
        down vote



        accepted






        Yes, without internet no style will be applied. To fix this, you can initially include your online CSS file link and also use a local fallback. If the online file is not found or there is no internet connection, it will include the local one. For example:



        <script>
        (function($) {
        $(function() {
        if ($('body').css('color') !== '#000') {
        $('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
        }
        });
        })(window.jQuery);</script>


        This checks if CSS from your online file was applied to your page and if not, it loads the local CSS file.






        share|improve this answer












        Yes, without internet no style will be applied. To fix this, you can initially include your online CSS file link and also use a local fallback. If the online file is not found or there is no internet connection, it will include the local one. For example:



        <script>
        (function($) {
        $(function() {
        if ($('body').css('color') !== '#000') {
        $('head').prepend('<link rel="stylesheet" href="/css/abc.css">');
        }
        });
        })(window.jQuery);</script>


        This checks if CSS from your online file was applied to your page and if not, it loads the local CSS file.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 20 at 13:07









        Bogdan Manea

        361




        361






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53385342%2fhtml-local-web-css-refer-to-internet-link%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            404 Error Contact Form 7 ajax form submitting

            How to know if a Active Directory user can login interactively

            TypeError: fit_transform() missing 1 required positional argument: 'X'