html - Missing/Unusual font making the text overlap -


i have code generated font "helveticaneuelt pro 25 ultlt", not sure font resulting text gets overlapped:

<div style=" position:absolute; top:36pt; left:64.8pt; border:0pt solid black; width:507.8pt;height:125pt;">    <div align="left" style="line-height:0pt; ">  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);">my </span>  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);">name</span>  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);"> is</span>  </div>     <div align="left" style="line-height:0pt; ">  <span style="white-space:pre-wrap;  font:normal 30pt helveticaneuelt pro 25 ultlt; color:rgb(77,217,255);">david </span>  <span style="white-space:pre-wrap;  font:normal 30pt helveticaneuelt pro 25 ultlt; color:rgb(77,217,255);">soban</span>  </div>     </div>

whereas when change font arial, comes @ position.

<div style=" position:absolute; top:36pt; left:64.8pt; border:0pt solid black; width:507.8pt;height:125pt;">    <div align="left" style="line-height:0pt; ">  <span style="white-space:pre-wrap;  font:normal 34pt arial; color:rgb(102,102,102);">my </span>  <span style="white-space:pre-wrap;  font:normal 34pt arial; color:rgb(102,102,102);">name</span>  <span style="white-space:pre-wrap;  font:normal 34pt arial; color:rgb(102,102,102);"> is</span>  </div>     <div align="left" style="line-height:0pt; ">  <span style="white-space:pre-wrap;  font:normal 30pt arial; color:rgb(77,217,255);">david </span>  <span style="white-space:pre-wrap;  font:normal 30pt arial; color:rgb(77,217,255);">soban</span>  </div>     </div>

is there way set default font in case given font not available or incorrect? how make font work valid font.. have in system fonts still not working. have browser understanding or in general html doesn't support it.

set arial (or other default) font parent container , redefine in children style. if redefined font available it'll displayed, if not, it'll keep parent one.

<div style=" position:absolute; top:36pt; left:64.8pt; border:0pt solid black; width:507.8pt;height:125pt;">    <div align="left" style="line-height:0pt; font:normal 34pt arial;">  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);">my </span>  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);">name</span>  <span style="white-space:pre-wrap;  font:normal 34pt helveticaneuelt pro 25 ultlt; color:rgb(102,102,102);"> is</span>  </div>     <div align="left" style="line-height:0pt; font:normal 34pt arial;">  <span style="white-space:pre-wrap;  font:normal 30pt helveticaneuelt pro 25 ultlt; color:rgb(77,217,255);">david </span>  <span style="white-space:pre-wrap;  font:normal 30pt helveticaneuelt pro 25 ultlt; color:rgb(77,217,255);">soban</span>  </div>     </div>


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more