Mobile first approach for font-family

gistfile1.css

p {
  font-family: Arial,Helvetica,sans-serif;
}

@media only screen and (min-width: 980px) {

  @font-face {
    font-family: "OctinSports";
    src: url("fonts/octinsports.eot");
    src: url("fonts/octinsports.eot?#iefix") format("embedded-opentype"),
    url("fonts/octinsports.woff") format("woff"),
    url("fonts/octinsports.ttf") format("truetype"),
    url("fonts/octinsports.svg#OctinSports") format("svg");
    font-weight: normal;
    font-style: normal;
  }

  p {
    font-family: "OctinSports";
  }

}