Jump to content
Sign in to follow this  
Followers 0
rengek

How to change FONT SIZE and TYPE for complete webPAGE?

Recommended Posts

Posted (edited)

Hello,

I get hopelessly stuck in the HTML format with using the <span> tag when using an automated layout.

I try to provide the entire text of the geocache web page I'm preparing an bit larger font and another FONT(type).

The geocaching website of my sister (I build for her) I always see that the set standard FONT (and SIZE) remains in thr whole textset (body).

For now it is a mess and it seems I have to be set <font size= " " face="Verdana">(or with SPAN STYLE whatever!) for every sentence. A hopeless task to do so.

Can this be resolved without having to maken the whole web page (s) over again?

I include a part of the webpage html:

<img src="https://static.wixstatic.com/media/4a3e8b_75f8bdb94a2343e2a4ba17298cb1e375~mv2.jpg/v1/fill/w_400,h_276/Vlag%20DadW%20kleiner.jpg" align="center" />
<h4><font size="3.5" face="verdana"><span style="color:#800000;"><strong>Cache serie:</strong></span> <span style="color:#0000ff;"><strong>Daar aan de Waterkant</strong></span></font></h4>
<div style="line-height:16pt;">
<ul>
<li><font size="3.5" face="verdana"><strong>vier</strong> geocaches; 1 Traditionele, 1 Earthcache, 1 QRcode cache en de Bonus Mystery cache.</font></li>
<li><font size="3.5" face="verdana">De andere drie liggen in of vlakbij Doetinchem, dit zijn;</font>
<ul>
<li><font size="3.5" face="verdana"><strong><span style="color:#0000ff;">Daar aan de Waterkant #1</span> Water- en Follegamolen Laag Keppel</strong>&lt;&lt;/li&gt;</font></li>
<li><font size="3.5" face="verdana"><span style="color:#0000ff;"><strong>Daar aan de Waterkant</strong> #2</span> <strong>Stadsboulevard Doetinchem</strong></font></li>
<li><font size="3.5" face="verdana"><strong><span style="color:#0000ff;">Daar aan de Waterkant #4 <strong>Oude IJssel Stokhorst</strong></span> (Bonus Mystery cache)</strong></font></li>
<li>Reisadvies: deze serie leent zich goed om per fiets te doen. Wellicht kunt u best eerst starten bij <span style="color:#0000ff;"><strong>Daar aan de Waterkant</strong> #1 <strong>Water- en Follegamolen Laag Keppel</strong></span></li>
<li><strong>Parkeeradvies</strong> (auto): P = 51°59.540', 006°13.366' = Parkeerplaats bij TOP (Wehlsedijk 4, 6998 CA Laag-Keppel), of als er plek is op de paar parkeerplekken tegenover de watermolen.</li>
<li>&gt;Mocht u bij toch bij deze cache starten, er is genoeg gratis parkeerplek</li>
<li>Hier vandaan kunt u de serie op de kortste manier fietsen in een mooi rondje. Een link naar een gpx-track is als ZIP bestand bijgevoegd.<br /></li>
</ul>
</li>
</ul>
</div>
<br />
<a href="https://drive.google.com/open?id=17lasRiASZcgRtcsUqppvFUetS71MuNmy"><img src="https://static.wixstatic.com/media/4a3e8b_1764edde71244a45a441c60046aa59a7~mv2.png/v1/fill/w_250,h_56/Fiets%20knop.png" /><br /></a><br />
<h4><span style="color:#800000;"><strong>De cache</strong></span></h4>
<div style="line-height:16pt;">De cache is zogenaamde QRcode cache, u moet dus d.m.v. QRcode app deze scannen dan kunt u;
<ul>
<li><span style="list-style:none;display:inline;">Hoewel gegeven coördinaten niet de cache-locatie aangeeft, ligt het wel binnen <strong>150m</strong> van dit virtuele punt!</span></li>
<li><span style="list-style:none;display:inline;">Deze cache loggen doet u door de QRcode te lezen met een <strong>QRcode app</strong></span></li>
<li>Met een tweede QRcode kunt u Opdracht B uitvoeren.</li>
</ul>
</div>


Thanks and Regards,

Rob

Edited by rengek
replies

Share this post


Link to post
Posted (edited)

Hi.

 

Yeah, auto-generated HTML is usually a mess.  Are you ready to hand-edit that mess?

 

Carefully remove every <font blah blah> and matching </font> tag pair, leaving untouched the regular text in between.  Then, add a single <font blah blah> at the beginning of all your text, and a single </font> tag at the distant end.  Then tweak that single <font blah blah> tag to suit your wishes.

 

I'd like to discourage you, however, from tweaking the font.  Does your entire text need to be bigger (smaller) than other cache pages?  And note that Verdana is a Windows font; I doubt Mac or Linux systems will have it.  Phones?  Who knows?  In those cases, some reasonable default font will be used instead.  So you can't count on tweaking the font to guarantee alignment, if that's what you're trying to do.

 

Edited by Viajero Perdido
  • Helpful 2

Share this post


Link to post
59 minutes ago, Viajero Perdido said:

And note that Verdana is a Windows font; I doubt Mac or Linux systems will have it. 

My Mac has Verdana. I'm pretty sure it came installed by default. I've installed a few fonts, but they've been specific display fonts, not everyday text fonts like Verdana. And a bit of research indicates that many Linux systems have Verdana (and other Webcore fonts) installed.

 

But I do agree with the idea of leaving the font alone in the cache description. Especially for body text, there isn't much use swapping one text font for another.

Share this post


Link to post
Posted (edited)

Hmm, even my Linux box has Verdana, I see now.  I might've installed that manually; can't remember.

 

But darnit, I like Montserrat, and I've set that as default in my Firefox browser.  And I'll prefer cache pages that use my choice of font, eg none specified, rather than forcing the CO's preferred font.

 

Edited by Viajero Perdido
  • Upvote 1

Share this post


Link to post

Verdana is on >99% of all systems. If you *have* to specify a font it's a great choice. But it is better to not do so, for sure.

 

To the OP: you may also want to remove the h4 tags on the couple of lines they appear on. I cant imagine they're having much effect.

Share this post


Link to post

Thx Viajero Perdido

I made some changes and I leave it like that.

But in the mene time I found a great html editor which really works.

It converts everything like the layout (except of pictures and hyperlinks) of a whole Word or whatever document. Like font style, font formats, colors etc.

I find this really helpfull for me.

This is the link to it.

https://www.html.am/html-editors/html-text-editor.cfm

 

Regards,

 

Rob

 

  • Helpful 1

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  
Followers 0

×
×
  • Create New...