Untitled

<html>
<head>
<style>
.classa {color:blue}
.classb {font-family:Arial, Helvetica, sans-serif; color:blue}
.classc {
    font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.3999996185303px;
    color:blue;
}
.classd @font-face {
    font-family: MyFont;
    src:
        url('bmI0GxZww8t20K342Lco0g.woff2') format('woff2'),
        url('bmI0GxZww8t20K342Lco0g.woff') format('woff');
}
<link rel="stylesheet" type="text/css" href="csss.css">

</style>
</sead>
<h1 class="classa">Bro This Is Blue.</h1>
<h1 class="classb">Bro This Is Blue.</h1>
<h1 class="classc">Bro This Is Blue.</h1>
<h1 class="classd">Bro.</h1>
</html>

@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: local('Jura Regular'), local('Jura-Regular'), url(http://fonts.gstatic.com/s/jura/v7/TTP6pkLK4ssO46rAsyf3PA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

<link rel = "stylesheet" href= "jura.css" />

<link rel = "stylesheet" href= "CSS/jura.css" />

<link rel = "stylesheet" href= "../CSS/jura.css" />

.classd
   {
    font-family: Jura;
   }

@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: local('Jura Regular'), local('Jura-Regular'), url(http://fonts.gstatic.com/s/jura/v7/bmI0GxZww8t20K342Lco0g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

font-family: "Jura", sans-serif;

@font-face {
    font-family: MyFont;
    src:
        url('bmI0GxZww8t20K342Lco0g.woff2') format('woff2'),
        url('bmI0GxZww8t20K342Lco0g.woff') format('woff');
}

.classd {
    font-family: MyFont;
}