我几个月前购买了Comodo积极的SSL证书，现在我正在重新设计我的网站。
我面临一个奇怪的问题。首次加载链接时，Google Chrome会警告我该页面包含可以修改的不受保护的资源，并由黑客更改网站。奇怪的问题是，在页面刷新后，警告不再显示，一切都应该如此。
HERE是相关链接。
这是我的HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Gelasoft - Just like that</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel='stylesheet' href="css/font.css" type='text/css'>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.carouFredSel-5.5.0-packed.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- shell -->
<div class="shell">
<!-- container -->
<div class="container">
<!-- header -->
<header id="header">
<h1 id="logo"><a href="#">Gelasoft</a></h1>
<!-- search -->
<div class="search">
<!-- MAYBE AN ADD HERE -->
</div>
<!-- end of search -->
<div class="cl"> </div>
</header>
<!-- end of header -->
<!-- navigaation -->
<nav id="navigation">
<a href="#" class="nav-btn">HOME<span></span></a>
<ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">projects</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">jobs</a></li>
<li><a href="#">blog</a></li>
<!-- <li><a href="#">contacts</a></li> -->
</ul>
<div class="cl"> </div>
</nav>
<!-- end of navigation -->
<!-- slider-holder -->
<div class="slider-holder">
<!-- slider -->
<div class="slider">
<div class="socials">
<a href="https://www.facebook.com/Gelasoft" class="facebook-ico">facebook-ico</a>
<a href="https://twitter.com/gelasoft" class="twitter-ico">twitter-ico</a>
<a href="skype:slim-style_bg?chat" class="skype-ico">skype-ico</a>
<!-- <a href="#" class="rss-ico">rss-ico</a> -->
<div class="cl"> </div>
</div>
<div class="arrs">
<a href="#" class="prev-arr"></a>
<a href="#" class="next-arr"></a>
</div>
<ul>
<li id="img1">
<div class="slide-cnt">
<h4>We can do it!</h4>
<h2>Just Like That</h2>
<p>Do you need a custom software? Do you need a logo design, business card, party cards, or flyers design? Maybe you need someone to convert your PSD to valid HTML? We do everything you have in your mind!<br> Just like that!</p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img2">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
</ul>
</div>
<!-- end of slider -->
<!-- thumbs -->
<div id="thumbs-wrapper">
<div id="thumbs">
<a href="#img1" class="selected"><img src="css/images/thumb.png"/></a>
<a href="#img2"><img src="css/images/thumb2.png" /></a>
</div>
<a id="prev" href="#"></a>
<a id="next" href="#"></a>
</div>
<!-- end of thumbs -->
</div>
<!-- main -->
<div class="main">
<div class="featured">
<h4>Welcome to <strong>Gelasoft</strong>! Have a dream? We can realize it! Leave it to our <strong>professionals</strong>!</h4>
<a href="contactUs.html" class="blue-btn">GET IN TOUCH</a>
</div>
<section class="cols">
<div class="col">
<h3>About Us</h3>
<h5>Gelasoft is a software development organization</h5>
<p>Our main goal is to deliver quality services! We have a team always ready to spend time on your request. Every one of our customers is valuable and the most of them are returning back to us. We dare to say that our specialists are one of the best!! <br>Just like that!</p>
</div>
<div class="col">
<h3>We are Hiring</h3>
<img src="css/images/col-img.png" alt="" class="left"/>
<h5>Are you talented? Feel free to apply! </h5>
<div class="cl"> </div>
<p>We are always looking for talanted developers and designers! If you are one of them, feel free to submit your application in the form below. <br /><a href="getHired.html" class="more">Submit application</a></p>
</div>
<div class="col">
<h3>Our Services</h3>
<ul>
<li><a href="#">Web and desktop based solutions</a></li>
<li><a href="#">Design services</a></li>
<li><a href="#">Business card printing</a></li>
</ul>
</div>
<div class="cl"> </div>
</section>
<section class="entries">
<div class="entry">
<h3>Latest News</h3>
<div class="entry-inner">
<div class="date">
<strong>28</strong>
<span>2013</span>
<em>nov</em>
</div>
<div class="cnt">
<p>New design added! We hope that you will love it!</p>
<p class="meta">Just like that </p>
</div>
</div>
</div>
<div class="entry">
<h3>Latest Project</h3>
<h5>Keep a track on our latest projects </h5>
<a href="#"><img src="css/images/col-img2.png" alt="" /></a>
<p>We are always working on something new! You can check our latest projects here <br /><a href="#" class="more">check out</a></p>
</div>
<div class="entry">
<h3>Testimonials</h3>
<div class="testimonials">
<p>Wow, I can say just that! My logo is amazing!</p>
<p class="author">Alexis D.</p>
</div>
<div class="testimonials">
<p>Thanks for fixing our forum issues!</p>
<p class="author">Alejandro H.</p>
</div>
<!--
<div class="partners">
<h3>Our Partners</h3>
<img src="css/images/partners-img.png" alt="" />
</div>
-->
</div>
<div class="cl"> </div>
</section>
</div>
<!-- end of main -->
<div class="cl"> </div>
<!-- footer -->
<div id="footer">
<div class="footer-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
</ul>
<div class="cl"> </div>
</div>
<p class="copy">© Copyright gelasoft 2012<span>| just like that</span></p>
<div class="cl"> </div>
</div>
<!-- end of footer -->
</div>
<!-- end of container -->
</div>
<!-- end of shell -->
</div>
<!-- end of wrapper -->
</body>
</html>
我的代码中没有外部资源。可能导致这个问题的原因是什么？
答案 0 :(得分：4)
您的字体（Raleway）正在通过HTTP加载。你需要进入你的CSS文件并更改src URL，使它们不是'fonts.css'中的“HTTP”。
加载的所有CSS，JS和字体都被视为“外部资源”，因此您的页面确实拥有它们。
编辑：要在将来在Chrome中检查此内容，请打开View-＆gt; Developer-＆gt; Developer Tools下的开发者工具，然后导航到“控制台”标签。您可能需要重新加载页面以查看特定错误，但它们将如下所示：
The page at 'https://gelasoft.com/GSNew/' was loaded over HTTPS, but displayed insecure content from 'http://themes.googleusercontent.com/static/fonts/raleway/v6/PKCRbVvRfd5n7BTjtGiFZBsxEYwM7FgeyaSgU71cLG0.woff': this content should also be loaded over HTTPS.