Gugst Du, Fonts , Oldschool !

Blackcrack · 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 · 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

Blackcrack · 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

Gugst Du, Fonts , Oldschool !

Gugst Du, Fonts , Oldschool !

Re: Gugst Du, Fonts , Oldschool !

Re: Gugst Du, Fonts , Oldschool !

Who is online