[GIS] Font size in HTML in QGIS’ print composer only starts to change at 6

htmllayoutsprint-composerqgisqgis-3

<font size ="10">font size 10</font></br>
<font size ="9">font size 9</font></br>
<font size ="8">font size 8</font></br>
<font size ="7">font size 7</font></br>
<font size ="6">font size 6</font></br>
<font size ="5">font size 5</font></br>
<font size ="4">font size 4</font></br>
<font size ="3">font size 3</font></br>
<font size ="2">font size 2</font></br>
<font size ="1">font size 1</font></br>

What's wrong with my code?

Best Answer

Problem

The <font> tag's size property is only defined for values of 1 through 7. MDN says about the <font> tag:

Obsolete

This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

and later:

[...] For any new web development, styling should be written using CSS only.

Solution

Use the style property of HTML tags and CSS styling.

<span style="font-size:84">font size 10</span></br>
<span style="font-size:72">font size 9</span></br>
<span style="font-size:60">font size 8</span></br>
<span style="font-size:48">font size 7</span></br>
<span style="font-size:36">font size 6</span></br>
<span style="font-size:24">font size 5</span></br>
<span style="font-size:18">font size 4</span></br>
<span style="font-size:16">font size 3</span></br>
<span style="font-size:12">font size 2</span></br>
<span style="font-size:8">font size 1</span></br>

Related Solutions

[GIS] Change font size of all labels print composer

Probably a bit late to answer but for next time you can define a project variable "Label_Font" with the name of the desired font, then use data defined property font choice for labeling (with the expression @Label_Font). Once set up when you change the name of the font in your "Label_Font" variable all your label will update with the new font. You can do the same for the label size with another variable.

I haven't tested it so I have no idea if that will work but you could try to open a copy of the .qgs file in a text editor and use search and replace to change the font name, save the file then open it again in qgis

[GIS] Add halo to label in QGIS print composer with a specific font (using HTML)

You may try to add a HTML <style> block. Normally, it's only HTML with some limitations due to QtWebKit html rendering (QGIS relies on it as confirmed with this discussion http://osgeo-org.1560.x6.nabble.com/QGIS-Developer-qgis2web-and-qtwebkit-td5378226.html#a5378445).

You can set the following in an HTML frame

<style>
body {
  color: 'black';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.otherfont {
  font-family: Tahoma, Times New Roman; /*Tahoma is an alias to find font. The real name is Tahoma. See https://docs.microsoft.com/en-us/windows/win32/intl/using-ms-shell-dlg-and-ms-shell-dlg-2*/
  font-size: 18px;
  -webkit-text-shadow: 0px 0px 2px #4d2d4d, 0px 5px 10px #aefe00;
  text-shadow: 0px 0px 2px #4d2d4d, 0px 5px 10px #aefe00;
}
</style>
<h1>My other title</h1>
<h1 class="otherfont">Alternative</h1>
<br>
my latest text

The above answer was generic. More specific now. So, if you have three styles you set below code

<style>
body {
  color: 'black';
  font-size: 14px;
}
.label1 {
  font-family: Tahoma;
  /*Add the style for the white halo here*/
}
.label2 {
  color: black;text-shadow: 0px 0px 2px #4d2d4d, 0px 5px 10px #aefe00;
}

.label3 {
 -webkit-text-stroke: 8px white;
}
</style>
<span class="label1">1 - Germany</span>
<p class="label2">2 - Germany</p>
<span class="label3">3 - Germany</span>