Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

blog-e95-Google-Webfonts-in-nur-Schritten-im-Xobor-Forum-einbinden.html#com

Bitteschön. :)

Suchworte: Google, Schriften (Google stellt Schriften zur Verfügung)

Um auf einer Webseite (bzw. dem Forum) eine Schrift nutzen zu können, also insofern, dass auch andere die sehen können, musst Du sie speziell auf der Seite einbinden (machst Du mit dem im Blog genannten CSS-Code).

Die Schriften auf Deinem Rechner zu haben, ist nett aber für den Zweck nutzlos. Für die Verlinkung wie im Blog musst Du Dir eine der Google-Schriften aussuchen. Sollten genug in jeder Form zur Auswahl stehen. ;)

Die Alternative wäre, Du lädst Deine Wunschschrift selber in eigenen Webspace und bindest sie ein. Da würde ich Dir aber ziemlich von abraten. Nicht mal so sehr wegen der Technik, eher wegen dem Urheberrecht. Eigentlich darf man sich noch nicht mal von überall Schriften runterladen oder behalten (wenn sie durch ein Dokument auf den Rechner kamen). Was man auf jeden Fall nicht darf, ist "gefundene Schriften" einfach weiterverwenden, sofern man sie nicht lizensiert hat (selbst die Sonderschriften, die ich in meinen Bildern ab und an verwende, sind entweder gekaufte Schriften mit einer entsprechenden Freigabe). Wenn Du diese Wunschschrift einfach hochladen würdest (oder von einer Seite wo sie zum Download steht, ohne Erlaubnis einbinden würdest), verstösst Du mit großer Wahrscheinlichkeit gegen Urheber- und Lizenzrecht.

Aber zurück zum Grundthema: Wenn Du die Schriften nicht einbindest, können die User das nicht sehen. Sie bekommen dann eine Standardschrift, die der Browser verfügbar hat, angezeigt.

Einfach den Schritten aus dem bebilderten Blog folgen und den Text dann mit der entsprechenden Schrift formatieren.

Ehm... also im Normalfall ist ein Gedicht auch nur ein stinknormaler Text, den man vielleicht ein wenig aufhübscht mit Satzsetzung, Formatierung, Farbe,...

Ein Bild ist ... ein Bild. Also von der Art der Behandlung her eine Datei, die dargestellt werden kann in den Foren (Bilder als jpg, gif,... oder Videos zum Beispiel können dargestellt werden, Excel-Dateien, Powerpointpresentationen oder Bilder in psd-Format können nicht dargestellt werden und werden max. als Datei angezeigt, wenn man keinen entsprechenden Viewer verbindet).

Ich selber habe das Einbinden der Schrift in meinem Testforum nicht drin (brauchs da nicht), aber regulär, wenn Du den Vorgaben im Blog folgst, bindest Du die Schrift nur ins Forum ein. Das bedeutet, Du stellst sie innerhalb des Forums zur Verfügung. An dieser Stelle erfolgt eigentlich keine Änderung des Layouts. Du musst dann erst dem Text, der diese Schrift haben soll, diese zuweisen (zum Beispiel allen Überschriften etc. in den entsprechenden Forenteilen oder indem Du in dem Beitrag die Schrift per html für diesen Textabsatz nur zuweist. Dort dann das Beenden des Font-Befehls nicht vergessen).

Wenn Du das genauso wie im Blog gemacht hast, bist Du ganz sicher, dass nicht in anderen Einträgen in CSS, Kopf oder Fuss html/CSS-Fehler drin sind? Ich frag nur, weil mehrere Leute hier schon geschrieben haben, dass sie dieses Schrifteinbinden nutzen und es prima funktioniert hat. Beschriftest Du Deine CSS-Einträge, so dass Du später noch weisst, welcher was genau macht?

Hi,
ich habe mir die Anweisungen für die Google-Fonts jetzt nicht durchgelesen.

In meiner Iconbar habe ich ein HTML-Element mit folgendem Inhalt:

<select name="fontsize" size="1" style="background-color:"#FFFFFF" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Font</option>
<option value="[style=font-family:'Arial']" title="font Arial">Arial</option>
<option value="[style=font-family:'Times New Roman']" title="font times new roman">Times New Roman</option>
<option value="[style=font-family:'Courier']" title="font courier">Courier Sans</option>
<option value="[style=font-family:'Verdana']" title="font verdana">Verdana</option>
<option value="[style=font-family:'Lucida Sans']" title="font lucida sans">Lucida Sans</option>
<option value="[style=font-family:'Comic Sans MS']" title="font comic sans ms">Comic</option>
</select>
 

Das erzeugt ein Klappfeld in der Iconbar,
mit dem man eine Schriftart auswählen kann.
Im Editor sieht das dann ungefähr so aus:

[style=font-family:'Verdana']Text, text, text[/style]
 

Ich hab das jetzt mal so in den Raum geworfen.
Evtl. kann man die Webfonts mit der Lösung in der Iconbar kombinieren.
Dann kann man jede Textpassage mit der Schriftart darstellen, die man möchte.
Und eben nicht das ganze Forum.

Noch genauer lesen Bea ;-)
Ich habe es in der Iconbar.
Also dort wo du die Smileys anlegst.
Dort kann man Smileys, Foren-Codes, Textbausteine, Gruppen und eben HTML anlegen.
Admin - Layout - Iconbar

Meine Lösung funzt aber nur mit Standardschriftarten.
Wenn jemand eine dieser Schriftarten (die in dem Beitrag gerade gewählt wurde) nicht auf dem PC hat,
dann wird der Text in der Standardschriftart angezeigt, die er hat.

Darum meinte ich ja, daß man das evtl. mit Webfonts kombinieren könnte.

Was meinst du mit Größeneinstellung?
Die Fóntgröße?

Moment.......
Gleicher Weg.
HTML in Iconbar

<select name="fontsize" size="1" style="height:20px;background-color:#FFFFFF; Font-color:#000000;" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Size</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>
<option value="[style=font-size:10pt]" title="10pt">10pt</option>
<option value="[style=font-size:11pt]" title="11pt">11pt</option>
<option value="[style=font-size:12pt]" title="12pt">12pt</option>
<option value="[style=font-size:14pt]" title="14pt">14pt</option>
<option value="[style=font-size:16pt]" title="16pt">16pt</option>
<option value="[style=font-size:18pt]" title="18pt">18pt</option>
<option value="[style=font-size:20pt]" title="18pt">20pt</option>
<option value="[style=font-size:24pt]" title="24pt">24pt</option>
<option value="[style=font-size:28pt]" title="28pt">28pt</option>
<option value="[style=font-size:32pt]" title="32pt">32pt</option>
<option value="[style=font-size:36pt]" title="32pt">36pt</option>
</select>
 

<br />
<!-- http://www.interclasse.com/scripts/colorpicker.php -->
<table style="background-color:#f6f6f6;border:1px dotted #666;padding:5px;margin:0px auto;">
	<tr>
		<td>
			<script language="Javascript" type="text/javascript">
addColorPicker();
var ns6=document.getElementById&&!document.all;
var ie=document.all;
// http://www.interclasse.com/scripts/colorpicker.php
var artabus='';
function addColorPicker() {
	var total=1657;
	var X=Y=j=R=G=B=0;
	var aR=new Array(total);
	var aG=new Array(total);
	var aB=new Array(total);
	for (var i=0; i<256; i++) {
		aR[i+510]=aR[i+765]=aG[i+1020]=aG[i+5*255]=aB[i]=aB[i+255]=0;
		aR[510-i]=aR[i+1020]=aG[i]=aG[1020-i]=aB[i+510]=aB[1530-i]=i;
		aR[i]=aR[1530-i]=aG[i+255]=aG[i+510]=aB[i+765]=aB[i+1020]=255;
		if (i<255) {aR[i/2+1530]=127;aG[i/2+1530]=127;aB[i/2+1530]=127;}
	}
	var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
	var i=0;
	var jl=new Array();
	for (x=0;x<16;x++) for (y=0;y<16;y++) jl[i++]=hexbase[x]+hexbase[y];
	document.write('<'+'table border="0" cellspacing="0" cellpadding="0" onmouseover="showColor(event);" onclick="pickColor();">'); // width="126" height="126"
	var H=W=63;
	for (Y=0; Y<=H; Y++){
		s='<'+'tr height="2">';
		j=Math.round(Y*(510/(H+1))-255);
		for (X=0; X<=W; X++){
			i=Math.round(X*(total/W));
			R=aR[i]-j;if(R<0)R=0;if(R>255||isNaN(R))R=255;
			G=aG[i]-j;if(G<0)G=0;if(G>255||isNaN(G))G=255;
			B=aB[i]-j;if(B<0)B=0;if(B>255||isNaN(B))B=255;
			s=s+'<'+'td width="2" bgcolor=#'+jl[R]+jl[G]+jl[B]+'><'+'/td>';
		}
		document.write(s+'<'+'/tr>');
	}
	document.write('<'+'/table>');
}
function pickColor() {
	var jla=document.getElementById('chosenColor');
	jla.innerHTML=artabus;
	jla.style.backgroundColor=artabus;
	insert('[style=color:'+artabus+']','[/style]');
	document.getElementById('tab_color').style.display='none';
}
function showColor(e){
	source=ie?event.srcElement:e.target;
	if(source.tagName=="TABLE")return;
	while(source.tagName!="TD" && source.tagName!="HTML")source=ns6?source.parentNode:source.parentElement;
	document.getElementById('previewColor').style.backgroundColor=artabus=source.bgColor;
}
function lastColor(choose) {
	if (choose.innerHTML != "") {
		insert('[style=color:'+choose.innerHTML+']','[/style]');
		document.getElementById('tab_color').style.display='none';
	}
}
</script>
		</td>
	    <td id="previewColor" style="width:40px;height:128px;"></td>
	</tr>
	<tr>
		<td colspan="2" id="chosenColor" style="height:24px;" onclick="lastColor(this);"></td>
    </tr>
</table>
 

Danke

Ich bin wirklich so.
Wenn ich netten Leuten helfen kann,
hat das immer Priorität.
Meistens bekomme ich dann auch Hilfe angeboten.

Ist sogar teilweise mit Geld so.
Beispiel:
Ich betreibe ja Meerwasseraquaristik.
Also Korallen und. Co.
Diese Tiere (Es sind keine Pflanzen ) wachsen und vermehren sich.
Beim Händler können Korallen recht teuer sein.
Nun ja, jedenfalls kann man Von Korallen Ableger machen wenn sie gewachsen sind und sie so vermehren.
Viele Leute verkaufen ihre Ableger.
Schliesslich haben die Korallen viel Geld gekostet und der Unterhalt für so ein Aquarium ist auch nicht zu unterschätzen.
Aber ich stehe auf den Standpunkt, daß die tiere von alleine gewachsen sind
und mir keine zusätzlichen Kosten verursacht haben.
Wenn ich also welche übrig habe und ein netter Mensch sie gerne haben möchte,
verschenke ich sie oder tausche gegen das wwas er gerade übrig hat.
Diese Einstellung hat mir am Anfang schon sehr geholfen.
Als ich anfing mein Becken zu besetzen,
las ich in anderen Foren, daß jemand Korallen verkaufen wollte,
die mir gefielen.
Nur war das Timing schlecht.
Ich fragte dann per PN ob er sie mir reservieren wolle,
weil ich sie mir erst mit dem neuen Gehaltsscheck leisten könne.
Ging dabei nie um große Summen.
Aber 10-50€ sind nunmal auch Geld.
Jedenfalls bekam ich dann als Antwort:
"DUUU bekommst sie geschenkt. Du hilft immer und verlangst nichts."
Oder jemand hat mehrere Interessenten und sagt dann zu mir:
"Ich gebe es am liebsten DIR."

Das soll kein Eigenlob sein.
Ich will damit nur klar machen wie es zwischen Menschen funktionieren kann statt nur mit Egoismus.