Jump to content

loald style fon


vask0

Recommended Posts

how loalding  this style fon 

font-family: aFont;
 src: url("JACKPORT-COLLEGE-NCV.ttf");

 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>baner</title>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1">
    
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 <link rel="stylesheet" type="text/css"
          href="fonts/JACKPORT COLLEGE NCV.ttf">
          
          
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
 <link rel="stylesheet" href="style.css">
 
<style>

 @font-face {
 font-family: aFont;
 src: url("JACKPORT-COLLEGE-NCV.ttf"); /* For most other browsers */
}
.myFontClass {
    font-family: aFont, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #4D7731;
} 

</style>
</head>
<body>

<h1 class="padded-multiline">
  <span>тест1  </span> 
</h1>

 

Edited by vask0
Link to comment
Share on other sites

Assuming that the font is in the same directory as your HTML file, that should work. You haven't shown if any of the elements are using the font. No element shown here has a class of "myFontClass"

This piece of code doesn't do anything, you should remove it:

 <link rel="stylesheet" type="text/css"
          href="fonts/JACKPORT COLLEGE NCV.ttf">

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...