css - Why the browser is not using the default font when no font is specified in the HTML? -


i didn't specify font rules in css of html document

enter image description here

and firefox choose segoe ui font render text with

enter image description here

despite it's default font times new roman enter image description here

i thought might os , google chrome using times new roman doesn't seem os.

enter image description here

why firefox not using times new roman (the default font) ? .

div#hometpl-body{  	color:black;  	vertical-align:top;  }  div#hometpl-body img{  	height: 150px; width: 225px;  }  div#hometpl-body div#proposals{  	color: #ccff33;  }    div#hometpl-body span#intromsg{  	vertical-align: top;  	margin-left: 10px;  }  div#hometpl-body div#proposals span.home-highlight{  	font-weight: bold;  	color: #ccc133;  }  div#hometpl-body div#proposals li:nth-child(2){  	list-style-type:none;  	height: 20px;  }
<!doctype html>  <html>  <head>  <title></title>  <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>  </head>  <body>  	<div id='header'>  		<div id='header-first'>  		</div>  		<div id='buttons'>  			<div></div>  		</div>  	</div>  	<div id="alerts">  		<div></div>  	</div>  	<div id="page" class="page">  			<div id="hometpl-body" class="body">              	<img src="/public/media/plant.jpg"> <span id="intromsg">hi, test font</span> <br> <br>              	<div id="proposals">              		proposals              		<ul>                  		</ul>              	</div>              </div>  	</div>  	<div id='footer'>  		<div>  		</div>  	</div>  </body>  </html>

i added snippet minimal html , css can reproduce problem @jon uleis asked in comments. when open stackoverflow page firefox, see font used firefox snippet segoe ui why my firefox showing in segoe it's default font times new roman?

update

after @jon uleis posted link plain page without font style surprised it's rendered in times new roman in firefox ! . downloaded page , tested on localhost . it's segoe ui again. after one-factor-tests figured out factor makes firefox shows segoe ui . when set content-type in http header utf-8 firefox render text in segoe ui (only if no css font rules specified)

header("content-type: text/html;charset=utf-8"); //php // firefox render in segoe ui

when clear header @ or set utf-8 renders in times new roman

header("content-type: text/html"); //no charset header("content-type: text/html;charset=abcdefg"); //no utf-8 // firefox render in times new roman

any why firefox doing ?

update

it seems firefox using default font os locale "ar" arabic. has these settings in firefox about:config 

arabic characters settings in firefox proportional: sans-serif serif: times new roman sans-serif: segoe ui

and pages has decided it's character encoding utf-8 in content-type header

and pages didn't decide character encoding in , browser using it's default interface locale (english) has these settings

latin characters settings in firefox proportional: serif serif: times new roman sans-serif: arial

i don't know why firefox changed behavior, started notice problem after it's last update in 16-aug-2017 (v:55.0.2). fix problem may change os locale or change browser "ar" locale font settings use times new roman. leave settings , specify tnr font in document css.


Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

What is happening when Matlab is starting a "parallel pool"? -

running parallel cpu processes in matlab starts command parpool() according documentation , function: [creates] special job on pool of workers, , [connects] matlab client parallel pool. this function takes bit of time execute, on order of 30 seconds. in other multi-cpu paradigms openmp, parallel execution seems totally transparent -- i've never noticed behavior analogous matlab (granted i'm not experienced parallel programming). so, happening between time parpool() called , when finishes executing? takes long? parallel computing toolbox enables run matlab code in parallel using several different paradigms (e.g. jobs , tasks, parfor , spmd , parfeval , batch processing), , run either locally (parallelised across cores in local machine) or remotely (parallelised across machines in cluster - either 1 own, or 1 in cloud). in of these cases, code run on matlab workers , copies of matlab without interactive desktop. if you're intending run on remo...
Read more

php - Cannot override Laravel Spark authentication with own implementation -

during login process of laravel spark need request token of remote api. api stores exact same users , passwords laravel spark application. therefore need username , non hashed password of user during authentication process. i thought overriding authenticated method solution problem. in routes/web.php override post /login endpoint , pointing endpoint own logincontroller: <?php namespace app\http\controllers\auth; use illuminate\support\facades\log; use illuminate\http\request; use laravel\spark\http\controllers\auth\logincontroller sparklogincontroller; class logincontroller extends sparklogincontroller { /** * create new login controller instance. * * @return void */ public function __construct() { parent::__construct(); } /** * handle successful authentication attempt. * * @param request $request * @param \illuminate\contracts\auth\authenticatable $user * @return response */ public fu...
Read more