add font helvetica

src/app/features/administration/form/steps/step-four/step-four.component.html

@@ -35,21 +35,6 @@
 			</section>
 		</div>
 
-		<section class="proposals">
-			<h3 class="title is-3">
-				Propositions de créneaux horaires
-			</h3>
-			<div class="time-slices-proposals rounded-block">
-				<div
-					class="button is-rounded"
-					*ngFor="let text of timeSlicesProposals"
-					(click)="addPreselect(text.literal)"
-				>
-					{{ text.literal }}
-				</div>
-			</div>
-		</section>
-
 		<section class="same-time-slices">
 			<button class="is-outlined is-primary" (click)="toggleHasSeveralHours()">
 				Appliquer le même horaire / option à toutes les dates
@@ -68,6 +53,20 @@
 					{{ 'dates.add_time' | translate }}
 				</button>
 
+				<section class="proposals">
+					<h3 class="title is-3">
+						Propositions de créneaux horaires
+					</h3>
+					<div class="time-slices-proposals rounded-block">
+						<div
+							class="button is-rounded"
+							*ngFor="let text of timeSlicesProposals"
+							(click)="addPreselect(text.literal)"
+						>
+							{{ text.literal }}
+						</div>
+					</div>
+				</section>
 				<div *ngFor="let timeSlice of pollService.timeList; index as id" class="time-choice padded">
 					<label for="timeList_{{ id }}"> Horaire / option {{ id + 1 }} </label>
 					<input

src/styles/partials/_font-families.scss

@@ -8,6 +8,31 @@
 	font-style: normal;
 }
 
+@font-face {
+	font-family: 'helvetica';
+	src: url('assets/fonts/helvetica/Helvetica.ttf') format('ttf');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'helvetica';
+	src: url('assets/fonts/helvetica/Helvetica-Bold.ttf') format('ttf');
+	font-weight: 600;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'helvetica';
+	src: url('assets/fonts/helvetica/Helvetica-BoldOblique.ttf') format('ttf');
+	font-weight: 600;
+	font-style: italic;
+}
+@font-face {
+	font-family: 'helvetica';
+	src: url('assets/fonts/helvetica/Helvetica-light.ttf') format('ttf');
+	font-weight: 200;
+	font-style: normal;
+}
+
 @font-face {
 	font-family: 'pt_sans';
 	src: url('assets/fonts/pt_sans/pt_sans_bold-webfont.woff2') format('woff2'),

src/styles/partials/_typo.scss

@@ -5,11 +5,12 @@ h4,
 h5,
 h6 {
 	@extend .title;
+	font-family: $title_font;
 }
 
 h1 {
 	@extend .is-1;
-
+	font-family: $title_font;
 	&::after {
 		background-color: $primary_color;
 		height: 2px;
@@ -18,14 +19,17 @@ h1 {
 
 h2 {
 	@extend .is-2;
+	font-family: $title_font;
 }
 
 h3 {
 	@extend .is-3;
+	font-family: $title_font;
 }
 
 h4 {
 	@extend .is-4;
+	font-family: $title_font;
 }
 
 .nobold {

src/styles/variables.scss

@@ -63,5 +63,5 @@ $warning: $d-warning;
 $danger: $d-error;
 $success: $d-success;
 
-$default_font: 'pt_sans';
-$title_font: 'proza_libre', 'Brie Light', 'Arial', 'DejaVu Sans Mono';
+$default_font: 'helvetica';
+$title_font: 'helvetica', 'proza_libre', 'Brie Light', 'Arial', 'DejaVu Sans Mono';