How to Embed TTF Fonts in CSS (4 Steps)

Open the HTML file for the Web page where you wish to display the embedded font. For websites or templates using a separate header file, open that instead. Use a code-editing program such as Notepad++, jEdit or BBEdit. Look for the following line of code in the top of your HTML file:
Look at the name of the .CSS file referenced in the
tag and open that file in your code editor. If you see no
tag, create one and then create a blank .CSS file.
Add the following code at the top of your .CSS file:@font-face {font-family: 'Font Name Here';src: URL('fontfile.ttf') format ('ttf');}Give a font family name to your font. You can use any name, but stick with a name that is easy to type and remember. Type the full or relative path to your .TTF file between the parentheses after 'URL.'
Use the embedded font as you would use a Web-safe font such as Arial, Helvetica or Georgia. Here is an example:h1 {font-family: 'Font Name Here', 'Another Font', generic;}The above code makes all tags use your embedded font. Should the embedded font not work, the browser will use 'Another Font' for level-one headers. In the case 'Another Font' does not exist on the user's computer, the browser goes to the last font. Use a generic family name here such as 'serif' and 'sans-serif.'
Upload your font using an FTP tool. If you do not use FTP, you can also log into your Web hosting control panel and then navigate to your file management tool. Most Web hosts offer this tool, which allows you to upload a few files at a time through your browser.
VPS Hosting

How to Build a Website for a School Project (6 Steps)

Open a text editor. Click 'Start.' Then navigate to 'All Programs' and 'Accessories.' Select 'Notepad.'
Type:
My School Project
This is the first paragraph.
This is the second paragraph.
'
' are the opening tags while '
' are the closing tags. Most tags need to be opened, then closed. For example, all Web pages start with
and close with
. For example 'My School Project' means than you open the '', or heading 1, tag, then write the text of the heading, then close the heading tag.
Save the file as 'index.html.' Remember, however, to specify the 'Save as type' as 'All Files' rather than 'Text Documents' when saving the file.
Register your website for free at any of the free hosting websites that exist on the Web. You can find two such websites in the Resources section of this article. The registration process is easy. After you register, you'll get a username and password to be able to upload your 'index.html' file. When registering, write down the domain name of your website (for example, http://somehost.yourname.com).
Log onto the password-protected area of the hosting website with which you registered. Click 'Upload' and select the 'index.html' file you saved in Step 3.
Go to the domain name that you received when registering your free website (e.g., http://somehost.yourname.com). You should see this: My School Project (large letters)
This is the first paragraph.
This is the second paragraph.
VPS Hosting