... |
... |
@@ -114,16 +114,8 @@ |
114 |
114 |
|
115 |
115 |
Um eine neue Schriftart hinzuzufügen, muss diese entweder im Formular unter //Mehr// > [[//Dateien// >>doc:Formcycle.UserInterface.MyForms.Files||target="_blank"]]im Format woff, woff2 und ttf hochgeladen werden. Wenn die Schriftart allgemein zum Einsatz kommt, dann sollte diese stattdessen unter //Dateien & Templates > //[[//Dateien// >>doc:Formcycle.UserInterface.FilesAndTemplates.Files||target="_blank"]]abgelegt werden. Dadurch werden die Schriftarten erstmal generell bereitgestellt. |
116 |
116 |
|
117 |
|
-Anschließend kann die Schriftart im CSS-Code eines Formulars eingebunden und verwendet werden. |
|
117 |
+Anschließend kann die Schriftart im CSS-Code eines Formulars eingebunden und verwendet werden. in dem folgenden Beispiel sind die Schriftarten im Formular hinterlegt, zu erkennen an dem Parameter //pid//. Sollten die Schriftarten unter Dateien & Templates abgelegt sein, beachten Sie hierbei dass der Parameter //mid// verwendet wird. Bitte beachten Sie, ddass die URL's zu den Schriftarten angepasst werden müssen. Die absolute URL finden Sie rechts im Eigenschaftsbereich. |
118 |
118 |
|
119 |
|
-{{info}} |
120 |
|
-**Hinweis** |
121 |
|
- |
122 |
|
-Beachten Sie die Angabe der URL auf der linken Seite unter Eigenschaften. Hierbei ist zu beobachten, dass unter Dateien im Designer der Parameter //pid //verwendet wird. Dies ist die Project-ID. Unter Dateien & Templates > Dateien wird hingegen den Parameter //mid //verwendet, welcher die Mandant-ID übergibt. Da die Dateien sich in unterschiedlichen Kontexten befinden, ist es notwendig den Parameter je nach Ablageort zu übergeben. Der Parameter //name //ist immer vorhanden und übergibt die Bezeichnung der Datei, welche abgerufen werden soll. |
123 |
|
-{{/info}} |
124 |
|
- |
125 |
|
-In dem folgenden Beispiel sind die Schriftarten unter Dateien & Templates hinterlegt, zu erkennen an dem Parameter //mid// (siehe Hinweis). Die URLs zu den Schriftarten müssen Sie noch anpassen nach der Übernahme. Die absolute URL finden Sie rechts im Eigenschaftsbereich. |
126 |
|
- |
127 |
127 |
(% class="box" %) |
128 |
128 |
((( |
129 |
129 |
(% class="code" %) |
... |
... |
@@ -130,9 +130,9 @@ |
130 |
130 |
((( |
131 |
131 |
@(% style="color:#0000ff; font-weight:bold" %)**font-face**(%%) { |
132 |
132 |
(% style="color:#008000; font-weight:bold" %)**font-family**(%%): (% style="color:#666666" %)'myfont'(%%); |
133 |
|
-(% style="color:#008000; font-weight:bold" %)**src**(%%): (% style="color:#666666" %)url('../includes/ressource?mid=8104&name=Roboto-Regular.woff2') format('woff2'),(%%) |
134 |
|
- (% style="color:#666666" %) url('../includes/ressource?mid=8104&name=Roboto-Regular.woff') format('woff')(%%), |
135 |
|
- (% style="color:#666666" %) url('../includes/ressource?mid=8104&name=Roboto-Regular.ttf') format('ttf')(%%); |
|
125 |
+(% style="color:#008000; font-weight:bold" %)**src**(%%): (% style="color:#666666" %)url('?pid=8104&name=Roboto-Regular.woff2') format('woff2'),(%%) |
|
126 |
+ (% style="color:#666666" %) url('?pid=8104&name=Roboto-Regular.woff') format('woff')(%%), |
|
127 |
+ (% style="color:#666666" %) url('?pid=8104&name=Roboto-Regular.ttf') format('ttf')(%%); |
136 |
136 |
(% style="color:#008000; font-weight:bold" %)**font-weight**(%%): (% style="color:#008000; font-weight:bold" %)**normal**(%%); |
137 |
137 |
(% style="color:#008000; font-weight:bold" %)**font-style**(%%): (% style="color:#008000; font-weight:bold" %)**normal**(%%); |
138 |
138 |
} |