Help:Title font

From WiKirby, your independent source of Kirby knowledge.
Jump to navigationJump to search

WiKirby makes use of a special font composed of individual letter images that is used for titling certain pages. This font requires special care to be applied correctly on pages. The following article will detail how to use the title font.

How to use this font

Generating the font

Given that this title font isn't actually a font (rather being composed of images), it cannot simply be typed into pages. In order to do this, the following code should be used at or near the top of the page:

<span style="white-space: nowrap;"> [[File:KFont cW.png|link=]][[File:KFont e.png|link=]][[File:KFont l.png|link=]][[File:KFont c.png|link=]][[File:KFont o.png|link=]][[File:KFont m.png|link=]][[File:KFont e.png|link=]] </span>
<span style="white-space: nowrap;"> [[File:KFont t.png|link=]][[File:KFont o.png|link=]] </span>
<span style="white-space: nowrap;"> [[File:KFont cW pink.png|link=]][[File:KFont i pink.png|link=]][[File:KFont cK pink.png|link=]][[File:KFont i pink.png|link=]][[File:KFont r pink.png|link=]][[File:KFont b pink.png|link=]][[File:KFont y pink.png|link=]][[File:KFont exclamation.png|link=]] </span>

The code creates a result which looks like this:

 KFont cW.pngKFont e.pngKFont l.pngKFont c.pngKFont o.pngKFont m.pngKFont e.png   KFont t.pngKFont o.png   KFont cW pink.pngKFont i pink.pngKFont cK pink.pngKFont i pink.pngKFont r pink.pngKFont b pink.pngKFont y pink.pngKFont exclamation.png 

It should be noted that several pieces of code are in place to ensure that the "words" wrap together as the page size changes, rather than having each individual "letter" wrap separately. The <span> container is used to hold the images in place, and Space code.png is used to create space in-between the "words".

Removing the standard title

When applying this title, the standard title that is generated should be removed as well. To do this, place the following code at the top of the page:

{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}

Where to use this font

For the moment, this font should only be used to replace the titles of featured articles. Use of the font elsewhere will be decided by Admins+ on a case-by-case basis.

List of characters

The following is a table of every standard "character" that can be used in the title font:

Title font "characters"
Image Image code Character represented Image Image code Character represented Image Image code Character represented Image Image code Character represented Image Image code Character represented
KFont cA.png
[[File:KFont cA.png]]
A
KFont k.png
[[File:KFont k.png]]
k
KFont cV.png
[[File:KFont cV.png]]
V
KFont 6.png
[[File:KFont 6.png]]
6
KFont doubleless.png
[[File:KFont doubleless.png]]
KFont a.png
[[File:KFont a.png]]
a
KFont cL.png
[[File:KFont cL.png]]
L
KFont v.png
[[File:KFont v.png]]
v
KFont 7.png
[[File:KFont 7.png]]
7
KFont space.png
[[File:KFont space.png]]
_
KFont cB.png
[[File:KFont cB.png]]
B
KFont l.png
[[File:KFont l.png]]
l
KFont cW.png
[[File:KFont cW.png]]
W
KFont 8.png
[[File:KFont 8.png]]
8
KFont slash.png
[[File:KFont slash.png]]
/
KFont b.png
[[File:KFont b.png]]
b
KFont cM.png
[[File:KFont cM.png]]
M
KFont w.png
[[File:KFont w.png]]
w
KFont 9.png
[[File:KFont 9.png]]
9
KFont backslash.png
[[File:KFont backslash.png]]
\
KFont cC.png
[[File:KFont cC.png]]
C
KFont m.png
[[File:KFont m.png]]
m
KFont cX.png
[[File:KFont cX.png]]
X
KFont ..png
[[File:KFont ..png]]
.
KFont (.png
[[File:KFont (.png]]
(
KFont c.png
[[File:KFont c.png]]
c
KFont cN.png
[[File:KFont cN.png]]
N
KFont x.png
[[File:KFont x.png]]
x
KFont ,.png
[[File:KFont ,.png]]
,
KFont ).png
[[File:KFont ).png]]
)
KFont cD.png
[[File:KFont cD.png]]
D
KFont n.png
[[File:KFont n.png]]
n
KFont cY.png
[[File:KFont cY.png]]
Y
KFont '.png
[[File:KFont '.png]]
'
KFont leftbracket.png
[[File:KFont leftbracket.png]]
[
KFont d.png
[[File:KFont d.png]]
d
KFont cO.png
[[File:KFont cO.png]]
O
KFont y.png
[[File:KFont y.png]]
y
KFont quote.png
[[File:KFont quote.png]]
"
KFont rightbracket.png
[[File:KFont rightbracket.png]]
]
KFont cE.png
[[File:KFont cE.png]]
E
KFont o.png
[[File:KFont o.png]]
o
KFont cZ.png
[[File:KFont cZ.png]]
Z
KFont exclamation.png
[[File:KFont exclamation.png]]
!
KFont leftcurlybracket.png
[[File:KFont leftcurlybracket.png]]
{
KFont e.png
[[File:KFont e.png]]
e
KFont cP.png
[[File:KFont cP.png]]
P
KFont z.png
[[File:KFont z.png]]
z
KFont question.png
[[File:KFont question.png]]
?
KFont rightcurlybracket.png
[[File:KFont rightcurlybracket.png]]
}
KFont cF.png
[[File:KFont cF.png]]
F
KFont p.png
[[File:KFont p.png]]
p
KFont `A.png
[[File:KFont `A.png]]
À
KFont ;.png
[[File:KFont ;.png]]
;
KFont pipe.png
[[File:KFont pipe.png]]
|
KFont f.png
[[File:KFont f.png]]
f
KFont cQ.png
[[File:KFont cQ.png]]
Q
KFont 'A.png
[[File:KFont 'A.png]]
Á
KFont colon.png
[[File:KFont colon.png]]
:
KFont `.png
[[File:KFont `.png]]
`
KFont cG.png
[[File:KFont cG.png]]
G
KFont q.png
[[File:KFont q.png]]
q
KFont ~A.png
[[File:KFont ~A.png]]
Ã
KFont upsidedown exclamation.png
[[File:KFont upsidedown exclamation.png]]
¡
KFont ~.png
[[File:KFont ~.png]]
~
KFont g.png
[[File:KFont g.png]]
g
KFont cR.png
[[File:KFont cR.png]]
R
KFont ^A.png
[[File:KFont ^A.png]]
Â
KFont upsidedown question.png
[[File:KFont upsidedown question.png]]
¿
KFont ^.png
[[File:KFont ^.png]]
^
KFont cH.png
[[File:KFont cH.png]]
H
KFont r.png
[[File:KFont r.png]]
r
KFont ..A.png
[[File:KFont ..A.png]]
Ä
KFont +.png
[[File:KFont +.png]]
+
KFont asterisk.png
[[File:KFont asterisk.png]]
*
KFont h.png
[[File:KFont h.png]]
h
KFont cS.png
[[File:KFont cS.png]]
S
KFont 0.png
[[File:KFont 0.png]]
0
KFont -.png
[[File:KFont -.png]]
-
KFont $.png
[[File:KFont $.png]]
$
KFont cI.png
[[File:KFont cI.png]]
I
KFont s.png
[[File:KFont s.png]]
s
KFont 1.png
[[File:KFont 1.png]]
1
KFont =.png
[[File:KFont =.png]]
=
KFont %.png
[[File:KFont %.png]]
%
KFont i.png
[[File:KFont i.png]]
i
KFont cT.png
[[File:KFont cT.png]]
T
KFont 2.png
[[File:KFont 2.png]]
2
KFont pound.png
[[File:KFont pound.png]]
#
KFont &.png
[[File:KFont &.png]]
&
KFont cJ.png
[[File:KFont cJ.png]]
J
KFont t.png
[[File:KFont t.png]]
t
KFont 3.png
[[File:KFont 3.png]]
3
KFont greater.png
[[File:KFont greater.png]]
>
KFont @.png
[[File:KFont @.png]]
@
KFont j.png
[[File:KFont j.png]]
j
KFont cU.png
[[File:KFont cU.png]]
U
KFont 4.png
[[File:KFont 4.png]]
4
KFont less.png
[[File:KFont less.png]]
<
KFont copy.png
[[File:KFont copy.png]]
©
KFont cK.png
[[File:KFont cK.png]]
K
KFont u.png
[[File:KFont u.png]]
u
KFont 5.png
[[File:KFont 5.png]]
5
KFont doublegreater.png
[[File:KFont doublegreater.png]]

Special characters

The following are additional "characters" to be used in special circumstances:

Special "characters"
Image Image code Character represented Notes
KFont b pink.png
[[File:KFont b pink.png]]
b
Special pink variety of "b".
KFont i pink.png
[[File:KFont i pink.png]]
i
Special pink variety of "i".
KFont cK pink.png
[[File:KFont cK pink.png]]
K
Special pink variety of "K".
KFont r pink.png
[[File:KFont r pink.png]]
r
Special pink variety of "r".
KFont cW pink.png
[[File:KFont cW pink.png]]
W
Special pink variety of "W".
KFont y pink.png
[[File:KFont y pink.png]]
y
Special pink variety of "y".