cloudy cloudy

Author Topic: wxlocal fonts  (Read 1971 times)

0 Members and 1 Guest are viewing this topic.

Offline gocar2013

  • Posts: 17
  • OS/Browser:
  • Android 7.0
  • Chrome 59.0.3071.125
wxlocal fonts
« on: July 29, 2018, 04:35:58 PM »
hello !

is there a way to change fonts in wxlocal.html page ?
i have tried many fonts but result is that wx.html
only comes out in Times New Roman font
Any idea ?
Any tips ?
thanks
Carlo

Offline dsscheibe

  • Posts: 96
  • Phoenix, AZ
  • OS/Browser:
  • Win NT 10.0
  • Firefox 62.0
    • Scotts Weather Station, Cactus Wren, Phoenix, Arizona
Re: wxlocal fonts
« Reply #1 on: October 10, 2018, 10:30:38 AM »
Are you using the .css file? Fonts tags have been deprecated since html 3 and are now up to html 5 which requirs about everthing be controled by the css file from font size, color, weight, style, font family, positioning. Some of the stuff they have deprecated has quit working.
I have been updating my pages to validate under html5, a lot of stuff I was taught to do under html4 is now frowned on. Like summery tags in Tables.  For the most part html5 is harder, you could align a whole page with div align=center which is now highly depreciated and requires a lot more coding, there are at least half a dozen alignment commands. text-align works on text but not any other element.

Validate the XHTML http://validator.w3.org/check/referer and CSS http://jigsaw.w3.org/css-validator/
Scott
Davis Pro2 Plus daytime aspirated, wired
Weather Display


Offline gocar2013

  • Posts: 17
  • OS/Browser:
  • Android 7.0
  • Chrome 59.0.3071.125
Re: wxlocal fonts
« Reply #2 on: November 21, 2018, 10:25:15 AM »
Hello Descheibe
thanks for reply
now i understand why it didn't work
I have written page in html with front page and changed wxloca.html with tags %xxxx% in digital
fonts but it came out in times new roman
Is there any other simple program like front page where i can set easily wished fonts and wx.html
comes out with fonts wished
By the way I think another problem with html browsers seems to be arised for
wdfulldata.xml:
since some time if I pubblish web page with right source code in html following wd instructions
meteo data don't come out
have a look at my ex page:
http://poschiavometeo.altervista.org/index.html
http://poschiavometeo.altervista.org/wdfulldata.xml
thanks in advance for your reply
Carlo

Offline dsscheibe

  • Posts: 96
  • Phoenix, AZ
  • OS/Browser:
  • Win NT 10.0
  • Firefox 62.0
    • Scotts Weather Station, Cactus Wren, Phoenix, Arizona
Re: wxlocal fonts
« Reply #3 on: November 25, 2018, 08:20:00 PM »
The first url did not come up so I could not look at it.  The second wxfulldata.html is not really a webpage for people to read but a data page .
If it was me I would uninstall Fontpage, worst html editor ever, I have seen pages made with front page that put font tags around everything, even html code that didn't show to the user.   I am using WeBuilder currently.  You will need to understand HTML some what and learning css.  Links to  html help and editors. 
http://scottsworld.info/links.htm#HTMLWEB




put a style sheet near the top of your header
Code: [Select]
  <link rel="stylesheet" type="text/css" href="style.css" title="Default"/>

save a text file as style.css

Code: [Select]

/* Sets <body> </body> properties top, right, bottom, left margin to % of screen width , fonts will be in order of preference */
body         {
margin: auto 5% 5% 5%;
overflow: auto;
background: #white;
font: 100% Arial, Helvetica, sans-serif;
}

/* Container sets a width of content <div id="container">content</div> to 90% of the margins set in body
sets border to none */




#container {
width: 90%;
padding: 8px;
border: 0px none transparent;
    float: left;
}

#header {
    color: Blue;
    font-weight: 900;
    background-color: #ffffff;
    text-align: center;
}

.myfont {
         font-size: 16px;
font-weight: 400;
}

/* sets border of images to none and 0 margins */
img {
border: none;
margin: 0;
}

/* sets font size and weight of paragraphs <p></p>, indents by 30 pixels    */

p          {
text-indent: 30px;
font-size: 14px;
font-weight: 300;
}




Your fonts will be what ever you set in the body setting you can change individual stuff  from
Code: [Select]
<font=big>my text, blah blah</font>
<span class="myfont">my text, blah blah</span>

anything in you css file that starts with a .  is a class, .myfont,  # is a ID which can only be used #header IE [code] <div class="header"> My Weather Page</div>

you can style html elements like p for page, or li List item they don't need a class setting but will be what you styled the in the spreadsheet.

Clear as mud, too much info?   Do you understand html?
Scott
Davis Pro2 Plus daytime aspirated, wired
Weather Display