Значок FontAwesome по-разному отображается в одних и тех же окнах - PullRequest
Новая
       5

Значок FontAwesome по-разному отображается в одних и тех же окнах

0 голосов
/ 24 января 2019

У меня происходит странная вещь, которая, кажется, происходит независимо от браузера. мы используем версию 4.6.3. Вот пример HTML: 

    <li data-id="316" class="nav-item nav-leaf selectable-nav-item">
    <x-icon>
	<svg class="fa fa-file-text-o">
		<use xlink:href="#fa-file-text-o">
		#shadow-root (closed)
		<svg id="fa-file-text-o" viewBox="0 0 1000 1000" width="100%" height="100%">
      			<path d="M819.196 212.054q15.625 15.625 26.786 42.411t11.161 49.107v642.857q0 22.321-15.625 37.946t-37.946 15.625h-750q-22.321 
			0-37.946-15.625t-15.625-37.946v-892.857q0-22.321 15.625-37.946t37.946-15.625h500q22.321 0 49.107 11.161t42.411 26.786zM571.429 
			75.893v209.821h209.821q-5.58-16.183-12.276-22.88l-174.665-174.665q-6.696-6.696-22.88-12.276zM785.714 928.571v-571.429h-232.143q-22.321 
			0-37.946-15.625t-15.625-37.946v-232.143h-428.571v857.143h714.286zM214.286 446.429q0-7.813 5.022-12.835t12.835-5.022h392.857q7.813 0 12.835 
			5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 0-12.835-5.022t-5.022-12.835v-35.714zM625 571.429q7.813 0 12.835 
			5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 0-12.835-5.022t-5.022-12.835v-35.714q0-7.813 
			5.022-12.835t12.835-5.022h392.857zM625 714.286q7.813 0 12.835 5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 
			0-12.835-5.022t-5.022-12.835v-35.714q0-7.813 5.022-12.835t12.835-5.022h392.857z"></path>
    		/svg>
		</use>
	</svg>
    </x-icon>
    <span style="z-index:99" class="nav-text" id="tree-search_316_">waterproof sheeting</span></li>
    <li data-id="319" class="nav-item nav-leaf selectable-nav-item">
    <x-icon>
	<svg class="fa fa-file-text-o">
		<use xlink:href="#fa-file-text-o">
		#shadow-root (closed)
		<svg id="fa-file-text-o" viewBox="0 0 1000 1000" width="100%" height="100%">
      			<path d="M819.196 212.054q15.625 15.625 26.786 42.411t11.161 49.107v642.857q0 22.321-15.625 37.946t-37.946 15.625h-750q-22.321 
			0-37.946-15.625t-15.625-37.946v-892.857q0-22.321 15.625-37.946t37.946-15.625h500q22.321 0 49.107 11.161t42.411 26.786zM571.429 
			75.893v209.821h209.821q-5.58-16.183-12.276-22.88l-174.665-174.665q-6.696-6.696-22.88-12.276zM785.714 928.571v-571.429h-232.143q-22.321 
			0-37.946-15.625t-15.625-37.946v-232.143h-428.571v857.143h714.286zM214.286 446.429q0-7.813 5.022-12.835t12.835-5.022h392.857q7.813 0 12.835 
			5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 0-12.835-5.022t-5.022-12.835v-35.714zM625 571.429q7.813 0 12.835 
			5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 0-12.835-5.022t-5.022-12.835v-35.714q0-7.813 
			5.022-12.835t12.835-5.022h392.857zM625 714.286q7.813 0 12.835 5.022t5.022 12.835v35.714q0 7.813-5.022 12.835t-12.835 5.022h-392.857q-7.813 
			0-12.835-5.022t-5.022-12.835v-35.714q0-7.813 5.022-12.835t12.835-5.022h392.857z"></path>
    		/svg>
		</use>
	</svg>
    </x-icon>

Как видно, обе иконки установлены одинаково. Этот значок отображает страницу с углом, сложенным 3 горизонтальными линиями. некоторые значки отображаются правильно, а у других их линии кажутся ближе друг к другу. Если я увеличу размер области просмотра с помощью колесика мыши CTL +, значки будут выглядеть одинаково. Проблема возникает только при меньшем размере, если область просмотра установлена ​​на 100% или менее.

...