Gugst Du, Fonts , Oldschool !

Hier können Sie auf Deutsch diskutieren. Bedenken Sie, dass Sie in den englischen Foren mehr Nutzer ansprechen.

Moderators: EmuandCo, Dr. Fred, frik85

Post Reply
Blackcrack
Posts: 1808
Joined: Tue Dec 20, 2005 12:55 pm
Contact:

Gugst Du, Fonts , Oldschool !

Post by Blackcrack » Wed Feb 03, 2016 10:33 pm

look'ed that 8))) :
http://int10h.org/oldschool-pc-fonts/

this named i am oldschool
http://int10h.org/

viel Spaß...

best regards
Blacky

Winni
Posts: 15
Joined: Mon May 23, 2016 4:02 pm
Location: Hamburg

Re: Gugst Du, Fonts , Oldschool !

Post by Winni » Wed Jul 20, 2016 11:41 am

Sieht wirklich klasse aus! Gibt es ähnliches auch als Webfont, ein Kollege will irgendeinen Blog zu Retro-Gaming starten, das wäre natürlich der perfekte Look dafür!

Gruß
Winni
Herzlosigkeit ist der schlimmste Herzfehler :!:

Blackcrack
Posts: 1808
Joined: Tue Dec 20, 2005 12:55 pm
Contact:

Re: Gugst Du, Fonts , Oldschool !

Post by Blackcrack » Wed Jul 20, 2016 4:22 pm

Winni wrote:Sieht wirklich klasse aus! Gibt es ähnliches auch als Webfont, ein Kollege will irgendeinen Blog zu Retro-Gaming starten, das wäre natürlich der perfekte Look dafür!

Gruß
Winni
klar, wenn du die ttf durch einen wandler jagst :)
guggst du hier :
http://www.dos.blackysgate.de/

da hab ich dann verschiedene fonts eingestellt per css,
gebraucht werden hierfür ttf, eot, woff, woff2 und svg ,
das sieht dann so aus :

css-file

Code: Select all

@font-face { font-family: 'bigblue_terminalplusregular'; src: url('bigblue_terminalplus-webfont.eot'); src: url('bigblue_terminalplus-webfont.eot?#iefix') format('embedded-opentype'), url('bigblue_terminalplus-webfont.woff2') format('woff2'), url('bigblue_terminalplus-webfont.woff') format('woff'), url('bigblue_terminalplus-webfont.ttf') format('truetype'), url('bigblue_terminalplus-webfont.svg#bigblue_terminalplusregular') format('svg'); font-weight: normal;  font-style: normal;}
de fonts können dann auch in einem unterverzeichniss liegen,
dann musst du eben die path's noch hinzufügen bei den files, bei "./fonts/" heist das dann "." in diesem verzeichniss im verzeichniss "/fonts"

das ganze sieht dann so aus :

Code: Select all

@font-face { font-family: 'bigblue_terminalplusregular'; src: url('./fonts/bigblue_terminalplus-webfont.eot'); src: url('./fonts/bigblue_terminalplus-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/bigblue_terminalplus-webfont.woff2') format('woff2'), url('./fonts/bigblue_terminalplus-webfont.woff') format('woff'), url('./fonts/bigblue_terminalplus-webfont.ttf') format('truetype'), url('./fonts/bigblue_terminalplus-webfont.svg#bigblue_terminalplusregular') format('svg'); font-weight: normal;  font-style: normal;}
dann liegt das file im unterverzeichniss "fonts" im unterverzeichniss vom css-file :)

und baust du dann so ein :
html-file

Code: Select all

<html>
doctype blabla
<head>
meta blabla=xxxxxx und so weiter
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div style="font-family:bigblue_terminalplusregular;font-size:17px;">
VILeR's "<a href="http://int10h.org/oldschool-pc-fonts/" target="_blank" title="The Ultimate Oldschool PC Font Pack Page"><u>The Ultimate Oldschool PC Font Pack</u></a>" <br>

a must checkin for all Computergeek's ! Holymoly ,hap Pfunn !!<br>

<br>
VILeR's Blog : <a href="http://8088mph.blogspot.com/" target="_blank" title="common and read me !"><u>8088mph.blogspot.com</u></a>
<br><br>
</div>
<body>
</html>
ttf-fonts kannst du dann damit umbauen lassen :
https://www.fontsquirrel.com/tools/webfont-generator

ich hoff, der blog wird geil, kann er ja auch ein paar Fonts bei mir raus angeln ;)

viel spaß dabei :)

liebe grüße
Blacky

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest