Flat Style ustawienie polskiej czcionki

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.2.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
hrx
Posty: 171
Rejestracja: 28 grudnia 2013, 10:47

Flat Style ustawienie polskiej czcionki

Post autor: hrx » 28 marca 2017, 19:13

Witam,

Jest ktoś w stanie mi pomóć wprowadzić do tego stylu czcionkę dla całego forum, która będzie obsługiwać polskie znaki diakrytyczne? Obecnie wyświetlają się polskie znaki, ale są mniejsze niż pozostałe literki.

Styl do pobrania:

https://www.phpbb.com/customise/db/style/flat_style/

vader
Moderator
Posty: 1502
Rejestracja: 19 kwietnia 2015, 14:44
Lokalizacja: Kraków
Kontakt:

Re: Flat Style ustawienie polskiej czcionki

Post autor: vader » 28 marca 2017, 20:12

Zapewne problemem jest czcionka. Trzeba byłoby ją zmienić - musisz po testować i edytować odpowiednie pliki .css

Aviator
Administrator
Posty: 2089
Rejestracja: 07 czerwca 2011, 22:14
Lokalizacja: ZS

Re: Flat Style ustawienie polskiej czcionki

Post autor: Aviator » 28 marca 2017, 21:05

Wszystkie czcionki są w folderze theme/fonts, a identyfikacje są podane w plikach CSS, od poszczególnych elementów stylów są różne czcionki możesz je podmieniać itp.
Wydaje mi się że jak usuniesz folder fonts już zmienisz jego nazwę to styl automatycznie przejdzie na domyślne czcionki typu Arial itd. ale nie wiem jak to będzie wyglądało.
hrx pisze:wyświetlają się polskie znaki, ale są mniejsze niż pozostałe literki.
Są inne bo dana czcionka nie posiada polskich znaków i te znaki są obsługiwane przez czcionkę domyślną ustawioną przez użytkownika z przeglądarki/systemu operacyjnego
-=Jeżeli w moim poście brakuje znaków diakrytycznych, oznacza to, że posta wyklepałem przez telefon=-

hrx
Posty: 171
Rejestracja: 28 grudnia 2013, 10:47

Re: Flat Style ustawienie polskiej czcionki

Post autor: hrx » 29 marca 2017, 12:33

Aviator zmieniłem nazwę folderu fonts i faktycznie wczytały się domyślne czcionki, ale nie wygląda wtedy forum do końca dobrze, bo są większe te czcionki. Chciałbym przede wszystkim, żeby czcionka pisanego tekstu była taka prosta, klasyczna jak na forum phpbb.pl w sumie mogłaby być też czcionka arial, bo jest klasyczna. Pomoglibyście mi zrobić porządek z tą czcionką? Ponieważ ja nigdy tego nie robiłem i nie wiem jak do końca się za to zabrać, w sensie jak to zmienić, wiem, że czcionki są w folderze fonts i wpisane są w plikach css.

Obrazek

W pliku base.css

Kod: Zaznacz cały

body {
	font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color: #ffffff;
}
W pliku buttons.css

Kod: Zaznacz cały

.button {
	display: inline-block;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: normal;
	font-family: bebasregular, "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border: 1px solid transparent;
}
W pliku common.css

Kod: Zaznacz cały

body {
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding-bottom: 12px;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
}

h1 {
	/* Forum name */
	font-family: Poppins, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: bebasregular, Poppins, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
    word-spacing:4px;
	margin: 0.8em 0 0.2em 0;
	line-height:normal;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: Poppins, "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

Kod: Zaznacz cały

.site-description h1 {
	margin-right: 0;
    font-family: bebasregular, Poppins, Arial, Helvetica, sans-serif;
	font-size:2.5em;
    letter-spacing:1px;
    word-spacing:4px;
}

Kod: Zaznacz cały

.pagination li a, .pagination li span {
	padding: 2px 5px;
	font-size:1em;
	font-family: Poppins, "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
}

Kod: Zaznacz cały

.dropdown-extended .header {
	padding: 0 10px;
	font-family: Poppins, Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px 1px white;
	text-transform: uppercase;
	line-height: 3em;
	border-bottom: 1px solid;
}

Kod: Zaznacz cały

.notification_list p.notifications_title {
	font-family: Poppins, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em !important;
}
W pliku content.css

Kod: Zaznacz cały

li.header dt, li.header dd {
	line-height: 1.2em;
	border-left-width: 0;
	margin: 6px 0 4px 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.2em;
	font-family: Poppins, Arial, Helvetica, sans-serif;
}

Kod: Zaznacz cały

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	float: left;
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin-top: 0 !important;
	margin-bottom: 0.3em !important;
	text-transform: none;
	border: none;
	font-family: Poppins, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

Kod: Zaznacz cały

.content {
	clear: both;
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: Poppins, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding-bottom: 1px;
}

Kod: Zaznacz cały

.content p {
	font-family: Poppins, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

dl.faq {
	font-family: Poppins, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

Kod: Zaznacz cały

/* Post author */
p.author {
	margin-bottom: 0.6em;
	padding: 0 0 5px 0;
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	clear: both;
}

Kod: Zaznacz cały

/* Post noticies */
.notice {
	font-family: Poppins, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed transparent;
	clear: left;
	line-height: 130%;
}

Kod: Zaznacz cały

.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
	line-height: 1.3em;
	margin: 2px 0;
}

Kod: Zaznacz cały

.attachbox dt {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

Kod: Zaznacz cały

dl.file {
	font-family: Poppins, Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Poppins, Verdana, Arial, Helvetica, sans-serif;
}

Kod: Zaznacz cały

dl.thumbnail dd {
	font-style: italic;
	font-family: Poppins, Verdana, Arial, Helvetica, sans-serif;
}

Kod: Zaznacz cały

fieldset.polls {
	font-family: Poppins, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

Kod: Zaznacz cały

fieldset.polls dd div {
	text-align: right;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 2px 0 2px;
	overflow: visible;
	min-width: 8px;
}
W pliku flat.css

Kod: Zaznacz cały

/* Fonts */
@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas___-webfont.eot');
    src: url('fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas___-webfont.woff2') format('woff2'),
         url('fonts/bebas___-webfont.woff') format('woff'),
         url('fonts/bebas___-webfont.ttf') format('truetype'),
         url('fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-regular-webfont.eot');
    src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff'),
         url('fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-semibold-webfont.eot');
    src: url('fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff'),
         url('fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

Kod: Zaznacz cały

#boardrules-categories .mini-panel h3 {
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
}
W pliku forms.css

Kod: Zaznacz cały

fieldset {
	border-width: 0;
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

input {
	font-weight: normal;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
}

select {
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 1px;
	font-size: 1em;
}

Kod: Zaznacz cały

select optgroup option {
	padding-right: 1em;
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
}

textarea {
	font-family: Poppins, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

Kod: Zaznacz cały

.message-box textarea {
	font-family: Poppins, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 450px;
	height: 270px;
	min-width: 100%;
	max-width: 100%;
	font-size: 1.2em;
	resize: vertical;
	outline: 3px dashed transparent;
	outline-offset: -4px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

Kod: Zaznacz cały

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Poppins, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background: transparent none repeat-x top left;
	line-height: 1.5;
}
W pliku links.css

Kod: Zaznacz cały

/* Links for forum/topic lists */
a.forumtitle {
	font-family: Poppins, "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display:inline-block !important;
	padding-bottom:4px;
}

a.forumtitle:hover {
	text-decoration: underline;
}

a.topictitle {
	font-family: Poppins, "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}
A jeśli zabawa z tymi czcionkami jest nieopłacalna to muszę poszukać inny styl dla forum dla 3.2.0, choć za dużo nie ma ładnych stylów.

ODPOWIEDZ

Wróć do „Pomoc”